CSS3笔记

CSS3属性前缀

chrome和safari：-webkit

firefox：-moz

IE：-ms

opera：-o

 

阴影模糊半径与阴影扩展半径的区别

阴影模糊半径：其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；

阴影扩展半径：其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

 

text-overflow实现溢出时产生省略号的效果

text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap; 

 

多重背景

1、用逗号隔开每组 background 的缩写值；

2、如果有 size 值，需要紧跟 position 并且用 "/" 隔开；

3、如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值；

4、background-color 只能设置一个。

 

伪元素双冒号(::)和单冒号(:)的区别

所有支持CSS3的双冒号(::)语法的浏览器都会支持单冒号(:)语法，但IE8只支持单冒号。

 

“:nth-child(n)”选择器

定位某个父元素的一个或多个特定的子元素。

参数n的起始值是1。

当参数n是表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。

“:nth-last-child(n)”选择器

从某父元素的最后一个子元素开始计算，来选择特定的元素。

 

“:first-of-type”选择器与“:first-child”选择器区别

“:first-of-type”选择器用来定位一个父元素下的某个类型的第一个子元素，不一定是父元素的第一个子元素。

 

Flexbox布局详解

http://www.tuicool.com/articles/qmymAjv

转载于:https://www.cnblogs.com/hnzzwxl/p/6607953.html