学习笔记 css样式

大小

　　width：宽度 height：高度

背景

　　background-color 背景色　　background-image 背景图片 background-repeat 背景平铺方式　　

　　background-size 背景尺寸 background-position 背景位置

字体

　　 font-family 字体样式　　font-size 字体大小 12px 14px 　　font-style:italic; italic倾斜 font-weight：粗细　　color：字体颜色

　　text-decoration: underline;下划线　　overline 上划线 line-through 删除线　　none 去掉线可以用来去掉<a></a>超链接的下划线

对齐方式

　　text-align ：水平对齐方式 line-height：行高　　text-indent：缩进单位像素

　　　　line-height 与 vertical-align

　　　　　　line-height 　　主要作为调节文本的垂直对齐方式，通过设置行高的大小

　　　　　　vertical-align　　主要作为调节行内元素（span/img/input..）的垂直对齐方式 baseline top bottom middle text-top text-bottom

边界边框

　　外边距margin 上右下左两个属性时，代表上下左右　　行内元素只能调整margin-left margin-right。调margin-top和margin-bottom是不管用的

　　内边距padding 上右下左　　如果加了内边距，该元素会相应的变大

　　border 1px solid red; 分别代表粗细线的样式颜色；

显示与隐藏

　　display:none/block;注意（display：block还可用作把不是块元素变为块元素）

列表方块<ol></ol> <ul></ul>

　　list-style:none 将列表前面的序号去掉

　　list-style-image 可以将前面的序号变成图片

格式与布局

　　位置

　　　　position　　fixed 固定相对于浏览器的边框进行定位

　　　　　　　　　absolute 绝对定位　　相对于父级元素（浏览器、绝对定位的上级）

　　　　　　　　　relative 相对定位　　相对于自身应该出现的位置（注意：定位后原位置保留不会被占用）

　　　　top 距离上边的距离 right 距离右边的距离 left 距离左边的距离 bottom 距离下边的距离

　　流

　　　　float　　left 向左流　　right 向右流

　　　　clear　　both 清除所有的流　　left 清除左边的流　　right 清除右边的流

　　　　z-index分层　　需要前面使用position之后才有效果，值越大越靠上

巴特西