学习CSS总结(二)

1>字体属性:

复制代码
1 属性 含义 属性值 
2 font-family 字体 各种字体 
3 font-style 字体样式 
4 font-variant 小体大写 
5 font-weight 字体粗细 
6 font-size 字体大小 
7 color 字体颜色 颜色值 
复制代码

2>颜色与背景属性: 

复制代码
1 属性    含义    属性值 
2 Color    颜色    颜色值 
3 Background-color    背景色    颜色值 
4 Background-image    背景图案    图片路径 
5 Background-repeat    背景图案重复方式   
6 Background-attachment    背景的滚动     
7 Background-position    背景图案初始位置  background-position: 0px 0px;
复制代码

3>文本属性: 

复制代码
1 属性 含义 属性值 
2 word-spacing 单词间距 
3 letter-spacing 字母间距
4 text-decoration 装饰样式 
5 vertical-align 垂直方向位置 
6 text-transform 转为其他形式 
7 text-align 对齐 left| right| center| justify 
8 text-indent 缩进 
9 line-height 行高 
复制代码

4>边距属性: 

1 属性 含义 属性值 
2 margin-top 上边距 
3 margin-right 右 
4 margin-bottom 下
5 margin-left 左 

5>边框属性: 

复制代码
1 属性 含义 属性值 
2 Border-top-width 上边框宽度 
3 Border-right-width 右 
4 Border-bottom-width 下 
5 Border-left-width 左 
6 Border-width 四边 
7 Border-color 边框颜色 Color 
8 Border-style 边框样式 
9 Border-top|right|bottom|left 上(右|底|左)所有属性 
复制代码

6>图文混排: 

1 属性 含义 属性值 
2 Width 宽度 
3 Height 高度 
4 Float 文字环绕 Left | right 
5 clear 去除文字环绕 Left | right | both 

7>列表属性: 

复制代码
1 属性 含义 属性值 
2 Display 是否显示 Block | inline | list-item | none 
3 White-space 空白部分 Pre | nowrap | normal(是否合并) 
4 List-style-type 项目编号 
5 List-style-image 项目前图片 Img-url 
6 List-style-position 第二行位置 Inside | outside 
7 List-style 全部属性 
复制代码

猜你喜欢

转载自www.cnblogs.com/wuqiance/p/11303577.html
今日推荐