CSS随笔1(CSS常用样式)
样式 |
属性 |
大小 | font-size(x-large ; xx-small ; 可用数值单位 : PX,PD) |
样式 | font-style(oblique 偏斜体 ; italic 斜体 ; normal : 正常) |
行高 |
line-height(单位 : PX,PD,EM) |
粗细 | font-weight(bold 粗体; lighter: 细体; normal : 正常) |
修饰 | text-decoration(underline 写划线 ; overline 上划线 ; line-through 删除线 ; bink 闪烁 ;) |
常用字体 | font-family |
背景属性 |
backgroun 色彩 backgroumd-color #FFFFFF 图片 background-image : url() 重复 background-repeat |
字间距 | letter-spacing |
对齐 | text-align(justify 两端对齐; left 左对齐; right 右对齐; center 居中;) |
缩进 | text-indent |
垂直对齐 | vertical-align(top;text-top;middle;bottom;text-bottom) |
空格 | e-space |
边框属性 |
Border border-style(dotted 点线;dashed 虚线;soliddouble 双线;groove 槽线;ridge 脊状;inset 凹陷;outset 凸现) border-width:边框宽度 border-color:边框颜色 |
列表属性 |
Lise-style(list-style-type:disc 圆点;circle 圆圈;square 方块;decimal 数字;lower-roman 小罗马数字) |
* 背景样式
- 设置一张背景图时,可用background-image:url(图片地址)设置,然后用background-size:100%和background-repeat:no-repeat使得图片不重复而是单张铺满。
- 背景定位:background-position,其取值有关键字:top,center,bottom分别和left,right,center 的组合;百分比:%x y%表示背景图片的相对位置;
- 背景关联:background-attachment:scroll 随着页面的滚动背景;fixed 随着页面滚动背景不移动