欢迎使用CSDN-markdown编辑器

来源:互联网 发布:幼儿园美工活动室 编辑:程序博客网 时间:2024/06/06 03:54

一、文本属性
1.color:rgba();
2.text-overflow:是否用省略号(…)标记对象内文本溢出
3.text-align:文本对齐方式
4.text-transform:文字的大小写
5.text-decoration:复合属性,文字的装饰线
6.text-shadow:文本阴影
7.text-fill-color:文字填充颜色
8.text-stroke:复合属性,文字描边
9.tab-size:制表符的长度
10.word-wrap:超过制定容器边界时是否断开转行

其中 <一>rgba()
r red 0-255
g green 0-255
b blue 0-255
a alpha 透明 0-1
rgba的优势:指定对象增加透明度,非指定对象不透明
<二>text-overflow是否用神略标记标识对象内文本溢出
1.clip默认值,无省略号
2.ellipsis 对象文本溢出显示省略标记(注 需配合 over-flow:hidden;white-space:nowrap使用)
<三>text-align文本对齐方式
css1
left:左对齐
right:右对齐
center:中间对其
justify:两端对齐
css3
start:开始边界对齐
end:结束边界对其
<四>text-transform :文字的大小写
css1
none;默认值
capitalize:将每个单词的第一个字母转换为大写字母
uppercase:转换成大写
lowercase:转换成小写
css3
fill-width:将左右字符设为全角形式。
full-size-kana:将所有小假名字符转换为普通假名。
基本很少用到
<五>text-decoration:文本的装饰线,复合属性
text-decoration-line:制定文本装饰属性;相当于css1的text-decoration属性
none :默认,无装饰。
underline:下划线
overline:上划线
line-through:贯穿线
text-decoration-style:文本装饰的样式
solid:实线
double:双线
dotted:点状线条
dashed:虚线
wavy:波浪线
text-decoration-color:制定文本装饰颜色
<六>text-shadow:文本阴影
取值 x(横向偏移) y(纵向偏移) blur color
<七>text-fill-color:文本填充颜色(谷歌)
<八>text-stroke:文字描边
text-stroke-width:文字描边厚度
text-stroke-color:描边颜色
<九>tab-size:制表符长度
默认为8,在

内显示 
<十>word-wrap:当前行超过制定容器边界时是否断开转行
normal:默认值,允许内容顶开或溢出边界
break-word:编辑内换行,单词内断行

二、选择器
新增伪类
1、p:first-of-type:选择属于父元素的首个

元素的每个

元素
2、p:last-of-type:选择属于父元素的最后

元素的每个

元素
3、p:only-of-type:选择属于父元素的唯一

元素的每个

元素
4、p:only-child:选择属于父元素的唯一子元素的每个

元素
5、p:ntn-child(2/2n):选择属于父元素的第二个或偶数个子元素的每个

元素
三、其他属性
border-image
background-size:规定背景图片尺寸
background-origin:规定背景图片的定位区域
content-box、padding-box、border-box
background-clip:背景的绘制区域
动画
1、transition
2、@keyframes
3、animation

原创粉丝点击