CSS3中的transform变形功用:
transform:rotate():旋转transform:skew():倾斜;transform:scale():缩放;transform:translate():变动位移
CSS3中边框特点详解
border-radius:圆角边框&border-image:图片边框
CSS3中布景特点
background-clip:指定显现布景的范围
background-origin:开始显现的方位,一般是以图片为布景的时候运用
background-size:设置布景图画的宽度和高度
background-position特点:设置布景图画的起始方位。
overflow特点box-shadow:盒暗影及元素宽高核算方式
1、box-shadow:盒暗影
语法:
{box-shadow:X轴偏移量Y轴偏移量暗影含糊半径暗影颜色}
2、box-sizing特点:指定对元素宽,高的核算方法
语法:
box-sizing:content-box|border-box
3、text-overflow特点规则当文本溢出包含元素时用省掉号表明。
(有必要结合
white-space:nowrap(文本不换行)和overflow:hidden和width特点一起运用
)
55
2
text-overflow:clip|ellipsis|string;
值描绘测验
clip修剪文本。测验
ellipsis显现省掉符号来代表被修剪的文本。测验
string运用给定的字符串来代表被修剪的文本。
CSS3如何设置文字暗影与主动换行
CSS3如何设置文字暗影与主动换行
在CSS3中运用text-shadow特点来给文字增加暗影效果
h1{text-shadow:5px5px5px#FF0000;}
主动换行
1、浏览器换行
body{word-break:normal|break-all|keep-all;}
值描绘
normal运用浏览器默许的换行规矩。
break-all允许在单词内换行。允许单词拆分
keep-all只能在半角空格或连字符处换行。
2、文本换行
p{
white-space:nowrap
}文本不换行
值描绘
normal默许。空白会被浏览器疏忽。
pre空白会被浏览器保存。其行为方式类似HTML中的
标签。
nowrap文本不会换行,文本会在在同一行上持续,直到遇到标签停止。
pre-wrap保存空白符序列,可是正常地进行换行。
pre-line合并空白符序列,可是保存换行符。
inherit规则应该从父元素承继white-space特点的值。
CSS3中的动画功用之transtions和animations详解
div{width:100px;transition:all1slinear;;-moz-transition:all1slinear;/*Firefox4*/-webkit-transition:all1slinear;/*Safari和Chrome*/-o-transition:all1slinear;/*Opera*/}
运用CSS伪类:before,:after在网页刺进内容
1、:before,:after在元素前后刺进文字
5
2、:before,:after在元素前后刺进图片6
3、:before在多个标题上增加接连编号
7
4、:before增加接连编号增加文字
8
5、:before增加接连编号的品种9
6、大编号嵌入小编号
css3属性手册
https://www.w3school.com.cn/cssref/index.asp