阅读更多
一,背景
1,背景颜色 background-color 所有显示的标签都能使用
2,背景图片 background-image 设置背景图片,设置之后默认平铺 ,会覆盖background-color
3,背景平铺 background-repeat 设置背景平铺,默认为repeat,其他值:repeat-x(水平) ,repeat-y(垂直)
no-repeat(不平铺)
4,背景位置 background-position 初始值0% 0%,垂直 水平
5,背景附件 background-attachment 设置背景图片不随着滚动条而滚动 默认值scroll 其他值:fixed固定
6,设置所有的背景属性:backgroud :背景颜色 图片 平铺 位置 比如background: red url(test.jpg) no-repeat bottom center
----------------------------------------------------------------------------------
二,字体
1,字体 font-family :"隶书"
2,字体样式 font-style :italic
3,字体加粗: font-weight:bold
4,设置所有的字体属性:font:italic 20cm bold "隶书"
----------------------------------------------------------------------------------
三,边框
1,设置左边框 border-left:粗细 样式 颜色 比如 border-left:10px solid red
2,设置边框4边一样的样式:border:10px solid red
设置1个值表示所有的边距 ,设置2个值:上下 左右 ,设置3个值 :上 左右 下,设置4个值:上 右 下 左
-----------------------------------------------------------------------
四,其他
1,overflow 设置超过文本区域的内容的显示 hidden:隐藏超出的部分
2,z-index 值越大越在上边显示
3,相对定位(相对自己原来的位置) positon:relative