CSs3_html/css_WEB-ITnose

css3的三部曲：设置字体，设置宽度和高度及盒模型，设置链接。其中，字体包括字体组，字体大小，行高，颜色。第二部包括宽度和高度及margin,padding,(margin:0 auto是实现居中)。链接文本样式包括link.hover,visitied,active 4种状态。实现的部分包括，字体，整体背景，页面宽度，链接样式。

前缀：-webkit---chrome and safari;

 -moz---firefox;

-ms---IE;

-o---opera;

立即学习“前端免费学习笔记（深入）”；

CSS3的新增样式：

1、border-radius:圆角效果{实心上半圆：高度Height是宽度width的一半，设置左右上角与高度一致；实心圆：高度Height和宽度width的一样，设置四个角为他们的一半；}从左上开始，顺时针旋转开始。

2、box-shadow：盒子阴影{X偏量，Y偏量，阴影模糊值，阴影扩展半径，阴影颜色，投影方式（inset为内投影，只能写在第一个或者最后一个）}当偏移量为负值时，表示在相反位置。

3、text-shadow：文本阴影与盒子阴影相似。

Viggle AI Video

Powerful AI-powered animation tool and image-to-video AI generator.

89

查看详情

4、border-image：边框颜色：{：URL（），round表示平铺/repeat表示重复/stretch表示拉伸}

5、border-color：边框颜色：低，顶，左，右

6、透明度{两种表示方法 1、rgba(255,255,255,0.2)表示白色的不透明度为0.2，rgba(0,0,0,0.2)表示黑色的不透明度为0.2。 2、opacity：0.2}

7、渐变色彩：{包括线性和径向：linear-gradient 、radial-gradient}

8、text-overfiow{溢出时省略标记，代码如下：（text-over:ellipsis/表示省略;overflow:hidden;white-space:nowrap;）clip表示中断；

 而word-wrap:normal表示连续/break-word表示中断。

9、@font-face表示侵入服务器端的字体文件。