|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
网页制造poluoluo文章简介:这篇文章将对CSS的几个新属性(text-shadow,box-shadow,andborder-radius)做基础先容。这些CSS3属性一般用来增强页面结构。
这篇文章将对CSS的几个新属性(text-shadow,box-shadow,andborder-radius)做基础先容。这些CSS3属性一般用来增强页面结构。RGBA
后面的3个值是RGB色彩值,最初一个值是通明度的级别(0=通明,1=不通明)。
RGBA能够使用于与色彩的任何属性,如字体色彩,边框色彩,背景色彩,暗影色彩等。
TextShadow
笔墨暗影的布局按次为:x轴偏移,y轴偏移,含混,色彩。
设置一个负值的x轴偏移将暗影转移到左边。设置一个负值的y轴偏移转将暗影转移到顶部。别忘了,你能够在暗影色彩中使用RGBA值。
您也能够指定一个文本暗影列表(以逗号分开)。上面的示例利用两个文本暗影声明制造了笔墨凸版效果(顶部1px和底部1px)。- text-shadow:01px0#fff,0-1px0#000;
复制代码
BorderRadius
界限半径(borderradius)的写法相似内边距(padding)和外边距(margin)属性(比方:border-radius:20px)。为使扫瞄器衬着界限半径属性,必要在属性称号加上前缀,Webkit引擎的扫瞄器为"-webkit-",Firefox则为"-moz-"。
您能够为每一个边角指定分歧的值。注重:Firefox和Webkit的边角属性称号是不不异的。
BoxShadow
盒暗影的布局和text-shadow不异,x轴偏移,y轴偏移,含混,色彩。
一样,您能够设置一个以上的盒暗影。上面是三个盒暗影声昭示例。- -moz-box-shadow:-2px-2px0#fff,2px2px0#bb9595,2px4px15pxrgba(0,0,0,.3);
复制代码 英文原稿:TheBasicsofCSS3|WebDesignWall
</p>
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。 |
|