CSS3必须掌握的几个内容

第一个:边框;
border-radius:

简单说就是圆角;


第二个:投影

box-shadow (层) 和 text-shadow (文本

用法如下:

<length> <length> <length>? <length>? || <color>:阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色


第三个:透明

opacity 和 RGBA colors(4个参数,最后一个是透明值)


第四个:文本

text-overflow : clip | ellipsis(文本溢出处理方式,前面强制,后面带省略号)


第五个:界面

outline (外边框)
eg:
<div style="width:100px; height:30px; border:2px solid #F30; outline: #FC0 solid 1px; outline-offset:5px;(偏移值)  background:#C7E7E9;"></div>

第六个:选择器(强大

建议学习jquery的选择器后再看css3.你会发现更简单。而且目前情况,jquery的兼容性更好!

 

你可能感兴趣的:(CSS3必须掌握的几个内容)