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隐藏后,位置仍然被占据着