欢迎使用CSDN-markdown编辑器

一、文本属性
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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值