CSs3_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:37:27
Original
1197 Leute haben es durchsucht

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:文本阴影与盒子阴影相似。

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表示侵入服务器端的字体文件。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage