Css3新特征
Css3尚未正式发布出来，css3越来越细致，但是目前尚未有软件支持css3
Css3的新特征：
1、 css3可以做出圆角表格 
对应的属性：border-radius
2、 专门制定文字效果属性
以往的网页文字加特效只能使用filter这个属性，css3中专门制定了一个加文字特效的属性，
而且不止加阴影效果。
对应的属性:font-effect
3、 丰富了对链接下划线的样式
有波浪线、有点线、虚线等更可以对下划线的颜和为止进行任意的改变，还有对应和中横线的效果样式，效果鱼下划线类似
对应的属性:text-underline-style
          text-underline-color
          text-underline-mode
          text-underline-position
4、 增加了标记的功能
我们平时在做笔记的时候在下面点几个点或者是打个什么圈，以表示重点，css3业开始加入了这项功能
对应的属性：font-emphasize-style
            font-emphasize-posintion
5、 css3的新特性总汇
边框：(Borders)
属 性
效 果
border-color
控制边框颜，并且有了更大的灵活性，可以产生渐变效果
border-image
控制边框图象
border-corner-image
控制边框边角的图象
border-radius
能产生类似圆角矩形的效果
背景(Backgrounds)
属 性
效 果
background-origin
决定了背景在盒模型中的初始位置，提供了3个值，border, padding和content
border
控制背景起始于左上角的边框
padding
控制背景起始于左上角的留白
content
控制背景起始于左上角的内容
background-clip
决定边框是否覆盖住背景（默认是不覆盖），提供了两个值，border和padding
border
会覆盖住背景
padding
不会覆盖背景
background-size
可以指定背景大小，以象素或百分比显示。当指定为百分比时，大小会由所在区域的宽度、高度，以及background-origin的位置决定
Multiple-backgrounds
多重背景图象，可以把不同背景图象只放到一个块元素里。
文字效果：(Text effects)
属 性
效 果
text-shadow
文字投影，可能是因为MAC OSX的Safari浏览器开始支持投影才特意增加的
text -overflow
当文字溢出时，用"..."提示。包括ellipsis、clip、ellipsis-word、inherit，前两个CSS2就有了，目前还是部分支持，但有趣的是IE6居然也支持。ellipsis-word可以省略掉最后一个单词，对中文意义不大，inherit可以继承父级元素
颜：(Color)
HSL colors:除了支持RGB眼外，还支持HSL（相、饱和度、亮度）。以前一般都是作图的时候用HSL谱，但这样一来会包括更多的颜。H用度表示，S和L用百分比表示，比如hsl(0,100%, 50%)
HSLA colors:加了个不透明度(Apacity)，用0到1之间的数来表示，比如hsla(0,100%,50%,0.2)
opacity:直接控制不透明度，用0到1之间的数来表示
RGBA colors:和HSLA colors类似，加了个不透明度
用户界面(User-interface)
resize:可以由用户自己调整div的大小，有horizontal（水平）vertical（垂直）或者both（同时），或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局
选择器：(Selectors)
属 性
效 果
Attribute selectors
在属性中可以加入通配符，包括^,$,*
[att^=val]css最新
表示开始字符是val的att属性
[att$=val]
表示结束字符是val的att属性
[att*=val]
表示包含至少有一个val的att属性
其它模块：(Other modules)
media queries:感觉叫媒体选择比较合适，可以为网页中不同的对象设置不同的浏览设备。比如可以为某一块分别设置屏幕浏览样式和手机浏览样式，以前则只能设置整个网页
属 性
效 果
multi-column layout
多列布局，让文字以多列显示，包括column-width、column-count、column-gap三个值
column-width
指定每列宽度
column-count
指定列数
column-gap
指定每列之间的间距
column-rule-color
控制列间的颜
column-rule-style
控制列间的样式
column-rule-width
控制列间的宽度
column-space-distribution
平均分配列间距

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。