今天主要学习的知识点是CSS样式表中的属性
1.尺寸大小属性:width定义宽度,可以用像素或者百分比来定义。height定义高度。
2.背景属性:background-color表示背景颜色
background-position 表示背景图片的位置
background-image表示背景图片
background-attachment表示背景图片是否滚动,有fixed(固定不滚动),scroll滚动
background-size 背景图片的大小
background-repeat表示背景图的平铺方式
3.字体属性:font-family 字体样式 font-size 字体大小 font-style字体风格(比如italic倾斜)
font-weight 字体粗细(比如bold加粗) text-decoration字体修饰线(包括underline下划线 overline上划线 linethough删除线 none去掉原来超链接的下划线) color 字体颜色
4.对齐方式: text-align水平对齐方式 vertical-align垂直对齐方式,配合行高使用 line-height行高
text-indent 缩进量
5.边框 分为外边框magin 和内边框padding(增加内边距时元素也会相应增大) 边距设置顺序为magin:0px;0px;0px;0px;上右下左
border: 1px solid #60F;分别表示边框的粗细,边框样式为实线(虚线为dashed) 边框的颜色。
6.列表方块 list-style:none是将列表前面的序号取消 list-style-image 可以将前面序号变成图片
7.格式与布局
·位置:位置position包括fixed(固定位置,在浏览器中的位置固定),absolute(绝对位置,相当于父级元素) relative(相对位置,相对于自身应该出现的位置)
·top:距离上边的距离 right距离右边的距离 bottom距离下边的距离 left 距离左边的距离
·流布局 :float流(left表示向左流,right表示向右流) clear :both 清掉流
z-index分层 数字越大越靠上
8.其他
·display 显示block和隐藏none,不占位置
·visibility显示visible和隐藏hidden,占位置
overflow 超出范围 hidden隐藏,scrolling滚动条
·透明 opacity:0到1之间表示透明程度
·圆角 border-radius 单位像素表程度
·阴影 box-shadow 0 0 5px white 默认右下 正负控制方向