2012年5月7日星期一

CSS随便记一点

height  高


width   宽


border  边框


margin 外补白   margin值是要累加的?正负也会抵消?


padding 内补白


margin和padding的四个方向值 依次是:上 右 下 左


如果只给了三个值,则是左右相同,如果只给了两个,则是上下相同,左右相同;


. 是类选择符  类控制全部同类元素


# 是ID选择符  ID控制单个元素


color: red;


color: FF00FF;


color: rgb(128,128,128);


color: rgb(20%,20%,20%);


color: inherit;


inherit 指继承爷值;


background-color:red;


border-width:thin(medium/thick);


border-width:10px(10pt,1.5em);


border-top(right/left/bottom)-width:15px;


border-color:red(百分比/十六进制等同上);


border-style:none(不存在边框,不占空间);


border-style:hidden(存在,但看不见);


border-style:dotted(dashed/solid/double/outset/inset);


margin-top(left,right,bottom):30px; 默认margin为0px;


background-image:url(http://……jpg);


background-image:none;


background-image:inherit;继承父值;


background-repeat:norepeat; 默认为重复;


background-repeat:repeat-x;横向重复;


background-repeat:repeat-y;纵向重复;


background-repeat:inherit; 继承父值;


background-attachment:fixed; 固定在网页位置,网页下滑,图片还是在那里。


background-attachment:scroll; 图片和网页一起滑动;


background-postion:10px 10px; (x轴,y轴)


background-postion:10% 10% ;(bottom/top/center/left/right 这些可组合,例如 bottom right 右下)


font-family:verdana;


font-style:oblique(italic/normal) oblique和italic都是斜体,一般用italic


font-weight:normal(bold/bolder/lighter/100-900);


font-size:12px;(pt/medium/smaller/normal/larger/50%); px,pt,medium是绝对值,后面4个是相对值;


line-height; ????(待查)


font-variant  使用方法待查,可将小写字母变成大写,便字体大小不变。例如将Fxd变成FXD 。


text-indent:10px;段落首行缩进;


padding-left:10px; 相当于整段缩进;


text-indent:-10px; 向左?向右?缩进


text-aligin:left(right/center/justify); justify是两端对齐


text-decoration:none(underline/overline/line-through); 依次是,无/下划线/上划线/删除线;


text-transform:none(capitalize/uppercase/lowercase); 依次是,无/首字母大写/全部大写/全部小写


a:link 未访问


a:visited 已访问


a:active  点击与释放时


a:hover 经过/悬停时


border-right:1px solid #99# (右边框,实体,颜色是#99#;) 只有右边框一条坚线,常用来作分隔符;


CSS规则:


1、离对像最近的说了算


2、谁具体谁说了算 (比如类和ID,ID更具体,所以ID说了算。)


3、嵌入标签的最大。

没有评论:

发表评论