码迷,mamicode.com
首页 > Web开发 > 详细

CSS3笔记

时间:2017-03-26 16:09:04      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:区别   space   参数   笔记   -o   pac   背景图片   psi   chrome   

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”选择器用来定位一个父元素下的某个类型的第一个子元素,不一定是父元素的第一个子元素。

CSS3笔记

标签:区别   space   参数   笔记   -o   pac   背景图片   psi   chrome   

原文地址:http://www.cnblogs.com/hnzzwxl/p/6607953.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!