加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

CSS基本文章:CSS3的新特征先容

发布时间:2018-08-18 02:04:24 所属栏目:创业 来源:站长网
导读:边框:(Borders) border-color:节制边框颜色,而且有了更大的机动性,可以发生渐变结果 border-image:节制边框图象 border-corner-image:节制边框边角的图象 border-radius:能发生相同圆角矩形的结果 配景(Backgrounds) background-origin:抉择了配景在盒

边框:(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]:暗示开始字符是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:均匀分派列间距

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读