Web前端笔记
CSS基础
JavaScript基础
jQuery
bootstrap
NodeJs基础
Sass
webpack
vue框架
react框架
uniApp框架
案例练习
HTML与CSS案例
JavaScript案例
jQuery案例
面试及其它
随笔记事
docker
说说
杨标的博客
行动起来,活在当下
累计撰写
228
篇文章
累计创建
15
个标签
累计收到
19
条评论
栏目
Web前端笔记
CSS基础
JavaScript基础
jQuery
bootstrap
NodeJs基础
Sass
webpack
vue框架
react框架
uniApp框架
案例练习
HTML与CSS案例
JavaScript案例
jQuery案例
面试及其它
随笔记事
docker
说说
目 录
CONTENT
CSS基础-杨标的博客
以下是
CSS基础
相关的文章
2022-02-23
CSS Grid 网格布局教程
CSS Grid 网格布局教程一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布
2022-02-23
5920
0
13
CSS基础
2020-08-17
弹性盒子与弹性布局
弹性盒子与弹性布局之前在进行网页布局的时候,我们有流式布局,在流式布局里面我们分为标准流布局与脱流布局,这一种最常见的布局方式,也是一种兼容性非常高的布局方式,多半都使用在PC端进行布局随时布局要求的越来越来高,浏览器对W3C的标准支持度越来越好,所以后面又出现了另外的几种布局方式,分别如下grap
2020-08-17
7837
0
28
CSS基础
2020-07-29
精灵图的使用
精灵图的使用精灵图也叫雪碧图为什么用精灵图首先,我们先来了解一下,页面在接受图片的过程。每张图片的显示是先由浏览器发送请求,然后服务器接受请求,返回请求内容。如果一个页面有上百张图片,哪怕是很小的图标,都需要经历一次这样的过程。那么,毋庸置疑,肯定会由于请求数量的增加让整个页面的加载速度降低。正应为
2020-07-29
5561
0
0
CSS基础
2020-07-24
CSS补充点
CSS补充点link与@import的区别差别1:本质的差别,link属于XHTML标签,而@import完全是css提供的一种方式(CSS的特有命令)。link标签除了可以加载css外,还可以做很多其他的事情,(例如网页头部的小logo图标),@import只能加载CSS。差别2:加载顺序的差别:
2020-07-24
7513
0
0
CSS基础
2020-07-24
BFC
BFC简述什么是BFC?BFC(blockformattingcontext):简单来说,BFC就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是W3C中CSS2.1规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用
2020-07-24
13278
0
3
CSS基础
2020-07-24
iconfont图标字体的使用
iconfont图标字体的使用在前端进行页面开发的时候,页面上面会存在大量的图标,这个时候,我们如果直接使用图片的形式很麻烦,也容易造成图片失真,这个时候我们就需一个矢量的图片,并且能够进行集中式管理图标的方法,国内主要使用的是阿里云的iconfont阿里云iconfont官网准备工作先在iconf
2020-07-24
14123
0
1
CSS基础
2020-07-24
设计稿计算规则
移动端设计稿计算移动端设计稿的计算公式设备宽度/设计稿的宽度*基准数将上面的计算结果赋值给rem:root{font-size:calc(设备宽度/设计稿的宽度*基准数);}这个里面的基准数可以是任何值,但是我们如果使用pxcook这个软件应该要和这个软件保持一致当完成上面的步骤以后,我们应该还有一
2020-07-24
7433
0
2
CSS基础
2020-07-24
移动端布局注意事项
移动端布局注意事项手机屏的横向与纵向/*手机横向*/@mediaonlyscreenand(orientation:landscape){/*css代码*/}/*手机纵向*/@mediaonlyscreenand(orientation:portrait){/*css代码*/}IOS中设置手机的桌面
2020-07-24
9041
0
0
CSS基础
2020-07-24
布局补充与垂直居中
布局补充圣杯布局优点:缺点:代码:效果图:双飞翼布局优点:缺点:代码:效果图:垂直居中<styletype="text/css">.box{width:200px;height:200px;border:2pxsolidred;margin:100px;}.div1{
2020-07-24
14200
0
0
CSS基础
2020-07-24
渐变
渐变CSS3里面的渐变指的是背景色的渐变,它主要有三种渐变方式,分别是线性渐变,径向渐变以及圆锥渐变?注意:渐变虽然是一个背景色,但是它不能够设置在background-color这个属性上面,要设置在background-image这个属性上面(CSS3里面它把背景色当成一个背景图片来处理)线性
2020-07-24
12755
0
3
CSS基础
1
2
3