欢迎使用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
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- 3. 打包和工具链(Go Tutorial)
- python实现MongoDB数据同步到ES(Elasticsearch)
- linux下单机配置tomcat集群
- Java并发编程学习——《Java Concurrency in Practice》学习笔记 3.对象的共享
- Mqtt入门之请求连接信息Connect
- 欢迎使用CSDN-markdown编辑器
- Gson的@SerializedName和@Expose注解
- Java并发编程学习——《Java Concurrency in Practice》学习笔记 4.对象的组合
- HDOJ1029 Ignatius and the Princess IV
- windows下端口号查看
- 共享栈
- 算法入门经典第二版 3-5 Puzzle
- 手动安装opencc(中文简繁体转换插件) ——解决安装opencc时出现HTTP 403错误的问题
- 《kubernetes-1.8.0》11-addon-Harbor