HTML学习4

css常用属性
1.背景
background-color  背景颜色
background-image  url(xxxx.png)背景图片
background-repeat  设置是否重复背景图像(no-repeat )

2.文本
color
text-align
text-decoration   line-through,over-line,underline
去除下划线:
text-decoration:none;
首行缩进:
text-indent:2em;
em是一个相对值,例如页面的文本大小为17px,则2em为17px*2

3.对齐方式:
text-align   left,right,center,justify(两端对齐)

4.display属性
none  此元素不会被显示
block  此元素将被显示为块级元素,此元素前后会带有换行符
inline  默认,此元素会被显示为内联元素,元素前后没有换行符
inline-block  行内块元素
list-item  此元素会作为列表显示

5.浮动
float的属性值有none,left,right
1.只有横向浮动,不能纵向
2.display属性会变为block
3.浮动元素的后一个元素会围绕着浮动元素(典型运用是文字围绕图片)
4.浮动元素的前一个元素不会受到影响(如果想让两个块级元素并排显示,必须让两个块级元素都应用block)

盒子模型
边框的属性:宽度,样式,颜色
padding  内边框
border  边框
margin  外边框

1.border
设置边框的颜色样式宽度
border:颜色 样式 宽度

单独设置边框的宽度颜色样式
border-width
border-style
border-color

2.padding
设置元素所有内边距的宽度,或者设置各边上内边距的宽度
如果在表中的内容中控制文本到边框的内边框,使用td和th元素的填充属性
td{
padding:15px 20px;
}
单独设置各边的内边距:padding-top,padding-left,padding-botton,padding-right(默认顺序上左下右)
设置一个值:上右下左都一致
设置两个值:上下一致,左右一致
设置三个值:上右下,左和右一致

3.margin
设置一个元素所有外边距的宽度,或者设置边上外边距的宽度
单独设置各边的外边框:margin-top,margin-left,margin-botton,margin-right