CSS中的文本控制
color: 设置文本颜色
direction: 设置文本方向(默认情况下是从左到右即ltr,当是rtl时文本为从左到右)
line-height: 设置行高(eg:p{line-height:40px;})
litter-spacing: 设置字符间距
word-spacing 设置字间距
text-indent: 缩进首行文本eg:p{line-indentt:2em;}首行缩进两字符)
text-decoration: 向文本添加修饰
text-align: 对齐元素中的文本
text-transform: 控制元素中的字母
css中的字体控制
font-family: 属性定义文本的字体序列(通用序列:Serif,Sans-serif,Monaspace,Cursive,Fantasy)
font-style: 属性规定斜体文本(normal,italic,oblique)
font-weight: 属性用来设置文本粗细的(normal,italic,oblique)
font-size: 属性用来设置文本大小(px\em%)(1em=16px)
css中的背景控制
background-color: 属性设置元素的背景颜色(值:color_name\hex_name\rgb_name)
background-image: 属性为元素设置背景图像
background-repeat: 属性设置是否或如何重复背景图像(repeat\repeat-x\repeat-y\no-repeat)
background-position: 属性设置背景图像的起始位置(top,buttom,left,right,center%\px)
css中的列表属性
list-style-type: 属性设置列表项标记的类型(disc/none/circle/square/decimal/......)
list-style-image: 属性使用图像来替换列表项的标记
list-style-position: 属性设置在何处放置列表项标记(默认将列表项目设置在文本以外,即outside)
list-style: 复合写法
css中的链接样式
eg:
a{font-size:30px; text-decoration:none;}
css中的表格控制
border-style: 属性用于设置元素边框的样式(dotted solid double dashed /...)
border-collapse: 属性设置是否将表格边框折叠为单一边框(separate/ collapse)
border-spacing: 属性设置相邻单元格的边框的距离(length)
caption-side: 属性设置表格标题的位置
表格中的文本对齐方式:
text-align: 属性设置水平对齐方式(left/center/right)
vertical-align: 属性设置垂直对齐方式(top/center/bottom)
eg:
table{400px; height:400px; border-style:dotted solid;}
css中的伪元素
:before 该伪元素定义在元素之前添加内容
:after 该伪元素定义在元素之后添加内容
:first-line 该伪元素向文本的首行添加特殊样式
:first-letter 该伪元素向文本的第一个字母添加特殊样式
eg:
h1:before{content:url(image/keduoli.jpg)}
content配合before和after使用