盒子模型
一、border 边框:
1.1、设置边框的颜色、样式、宽度
border:颜色 样式 宽度
例:border:red soild 1px
1.2、 单独设置边框的宽度、颜色、样式
border-width
border-style
border-color
border-collapse
1.3、设置是否将表格边框折叠为单一边框
属性值:separate(默认,单元格边框独立)、collapse(单元格边框独立)
二、padding 内边距
设置元素所有内边距的宽度,或者设置各边上内边距的宽度
单独设置各边的内边距:padding-top、padding-left、padding-right、padding-bottom
默认按照上右下左的顺序设定
注意:
设置一个值:上下左右都一致
设置两个值:上下一致,左右一致
设置三个值:上下右,左和右一致
三、margin 外边距
设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度
CSS的常用属性
/*字体颜色*/
color:#0000FF
/*对齐方式 left center right justify(两端对齐)*/
text-align:left
/*文本修饰*/
text-decoration:line-through overline underline
/*首行缩进*/
text-indent:2em;
/*去除文本效果*/
text-decoration:none;
/*display属性 none隐藏元素 block显示元素*/
dispiay:none;