CSS样式

1.背景

　　CSS允许使用纯色作为背景，也允许使用背景图像创建相当复杂的效果

属性	描述
background_attachment	背景图像是否固定或者随着页面的其余部分滚动
background_color	设置元素的背景颜色（不继承）
background_image	把图片设置背景
background_position	设置背景图片的起始位置
background_repeat	设置背景图片是否及如何重复
background_size	规定背景图片的尺寸
background_repeat	规定背景图片的定位区域
background_repeat	规定背景的绘制区域

2.文本

　　CSS文本属性克定义文本外观 通过文本属性，可以改变文本的颜色。字符间距。对齐文本。装饰文本。对文本缩进

属性	描述
color	文本颜色(继承)
direction	文本方向
line-height	行高
letter-spacing	字符间距
text-align	对齐元素中的文本
text-decoration	想文本添加修饰
text-indent	缩进元素中文本的首行（text-indent:2em 首行缩进2个字符 可谓负值 可百分比）
text-transform	元素中的字母（capitalize 单次首字母大写）
uncode-bidi	设置文本方向
white-space	元素中空白的处理方式
word-spacing	字间距
text-shadow	向文本添加阴影 text-shadow:5px(上) 5px（左） 5px(清晰度 越大越模糊) #FF0000(颜色)
word-wrap	规定文本的换行规则

3.字体

　　CSS字体属性定义文本的字体系列，大小，加粗、风格和变形

属性	描述
font-family	设置字体系列
font-size	设置字体的尺寸
font-style	设置字体风格
font-variant	以小型大写字体或正常字体显示文本
font-weight	设置字体的粗细

此外CSS3可以自己引入字体，

@font-face{
    font-family:myfont;//自己引入的字体的名称，随便起
    src:url()//引入字体的地址    
}
div{
     font-family:myfont;//在这里使用  
}

但我们在开发中还是尽量使用安全字体；

 4.链接<a>标签

     a.CSS链接的四种状态

          a:link 普通的、未被访问的链接

          a:visited 用户已访问的链接

          a:hover 鼠标指针位于连接的上方

          a:active 链接呗点击的时刻

      b.常见的链接样式

          text-decoration 属性大多用于去掉链接中的下划线  text-decoration：none

      c.设置背景颜色

           background-color

5.列表

 CSS列表属性允许你防止。改变列表标志，或者将图像作为列表项标志

属性	描述
list-style	简写列表项
list-style-image	列表项图像
list-style-position	列表项标志位置（inside outside靠近里边缘 或者外边缘）
list-style-type	列表类型

6.表格 

 　　表格边框　border：1px solide blue;　

　　折叠边框  border-collapse:collapse(边框两条线变成一条)

　　表格宽高 width height

　　表格文本对齐 text-align:center

　　表格内边距 

　　表格颜色 background-color:aque

7.轮廓

CSS轮廓主要用来突出元素的作用

属性	描述
outline	设置轮廓属性
outline-color	设置轮廓的颜色
outline-style	设置轮廓的样式
outline-width	设置轮廓的宽度

 

来源：https://www.cnblogs.com/jiangxiulian/p/6651562.html