CSS 盒子模型

font 样式  

font-size  控制字体大小; (font-size :0px;  是取消由display转换后出现的空白间隙;注意使用font-size前需要对文本先设置font-size字体大小,否则会造成文本消失.)

font-weight 字体粗细

font-famliy  字体样式

letter-spacing  中文字体之间的间距

word-spacing  英文字体之间的间距

字体样式简写需要遵守一定的规则,加粗 大小 类型 简写随时对行高样式有影响

border样式

border-style   边框样式  曲线  dashed  双线 double  solid   实线

border-color  颜色  border-width  宽度  

border-color :  red yellow blue white;边框逆时针颜色上右下左

两个颜色 上下  左右 颜色一样   三个颜色  上右下 左与右相同

border-top/right/left/botton-color上下左右颜色设置

外边距样式

margin-top/botton/left/right:  px;  各个边距大小设置

margin:0px auto;居中  

列表样式

list-style:none; 取消列表样式例如 无序列表的实心圆;

text-line: 1.5em; 首行缩进

背景图片样式

background-img: url()引入背景图片

background-repeat:no-repeat; 不重复

background-position:250px,60px;图片位置定位X 轴Y轴  

display 样式

display : inline-block;  转换 块内行元素

block 块元素          inline行元素        none隐藏

display :none;与visibility:hidden;的区别

display属性在隐藏元素时，不占据页面的位置，visibility隐藏后，位置仍然被占据着