css3
文章平均质量分 91
distantimg
这个作者很懒,什么都没留下…
展开
-
说说flexbox(弹性盒布局模型),以及适用场景?
简称flex,意为”弹性布局”,可以简便、完整、响应式地实现各种页面布局采用Flex布局的元素,称为flex容器container它的所有子元素自动成为容器成员,称为flex项目item容器中默认存在两条轴,主轴和交叉轴,呈90度关系。项目默认沿主轴排列,通过来决定主轴的方向每根轴都有起点和终点,这对于元素的对齐非常重要。原创 2022-11-07 22:25:01 · 239 阅读 · 0 评论 -
说说em/px/rem/vh/vw区别?
传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem:相对单位,可理解为root em。原创 2022-11-07 22:20:12 · 181 阅读 · 0 评论 -
说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别?
CSS像素(css pixel, px): 适用于web编程,在 CSS 中以 px 为后缀,是一个长度单位在 CSS 规范中,长度单位可以分为两类,绝对单位以及相对单位px是一个相对单位,相对的是设备像素(device pixel)一般情况,页面缩放比为1,1个CSS像素等于1个设备独立像素CSS在同一个设备上,每1个 CSS 像素所代表的设备像素是可以变化的(比如调整屏幕的分辨率)在不同的设备之间,每1个 CSS 像素所代表的设备像素是可以变化的(比如两个不同型号的手机)原创 2022-11-07 22:14:23 · 245 阅读 · 0 评论 -
CSS3新增了哪些新特性?
即层叠样式表(Cascading Style Sheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多,主要是做一个预设的动画。和一些页面交互的动画效果,结果和过渡应该一样,让页面不会那么生硬。background-size属性常用来调整背景图片的大小,主要用于设定图片本身。通常情况,背景都是覆盖整个元素的,利用这个属性可以设定背景颜色或图片的覆盖范围。能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。当我们设置背景图片时,图片是会以左上角对齐,但是是以。原创 2022-11-07 22:11:35 · 5067 阅读 · 0 评论 -
如果要做优化,CSS提高性能的方法有哪些?
每一个网页都离不开css,但是很多人又认为,css主要是用来完成页面布局的,像一些细节或者优化,就不需要怎么考虑,实际上这种想法是不正确的作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程css实现性能的方式可以从选择器嵌套、属性特性、减少http这三面考虑,同时还要注意css代码的加载顺序。原创 2022-11-07 22:07:00 · 174 阅读 · 0 评论 -
css3新特性!
1属性选择器类选择器、属性选择器、伪类选择器,权重为 102.结构伪类选择器nth-child(n)n可以是数字,关键字和公式n如果是数字,就是选择第n个常见的关键词 even 偶数 odd 奇数常见的公式如下 ( 如果n是公式,则从0开始计算)但是 第0个元素或者超出了元素的个数会被忽略 )权重 103.伪元素选择器before 和 after 必须有 content 属性before 在内容的前面,after 在内容的后面before 和 after 创建一个元素,但原创 2020-12-02 15:49:14 · 130 阅读 · 2 评论