CSs3_html/css_WEB-ITnose
前缀:-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表示侵入服务器端的字体文件。
上一篇: 详解JS基于递归算法实现网页版计算器
推荐阅读
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
Codeforces Round #156 (Div. 2)-A. Greg's Workout_html/css_WEB-ITnose
-
html 关于ul标签的_html/css_WEB-ITnose
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
multiple backgrounds 多重背景_html/css_WEB-ITnose
-
建站新人_html/css_WEB-ITnose
-
折线图怎么做啊?急求!_html/css_WEB-ITnose
-
Codeforces Round #107 (Div. 2)-A. Soft Drinking_html/css_WEB-ITnose
-
css5种实现垂直居中_html/css_WEB-ITnose
-
求解如何在表格边框中设置颜色_html/css_WEB-ITnose