首页 > 代码库 > 2014.9.20CSS样式表

2014.9.20CSS样式表

一、前景与背景

background-color: 背景色,定义背景的颜色

 

background-image:url() 定义背景图片

 

background-attachment:fixed/scroll 定义背景图片随滚动轴的移动方式

background-repeat:repeat/no-repeat/repeat-x/repeat-y 定义背景图片的重复方式

background-position:left 10px bottom 20px; 定义背景图片的位置

font-family: 定义使用的字体

font-size: 定义字体的大小(常用字体大小:12px 14px)

font-weight: 定义字体的粗细(normal:正常 bold:粗体)

font-style: 定义字体显示的方式(normal:正常 italic:斜体)

color: 前景色定义文字的颜色

text-decoration: 定义文本是否有划线以及划线的方式(underline 下划线 ,overline 上划线,line-through 删除线,blink 闪烁,初始值:none 无划线)

text-indent: 定义文本首行的缩进(在首行文字之前插入指定的长度)(em 倍,百分比)

text-align: 定义文本的对齐方式( left | right | center)

vertical-align: 竖直对齐方式

line-height: 行高

 

二、边界与边框

border:border-style,border-width,border-color,border-top,border-right,border-bottom,border-left 定义四个边的宽度,样式,颜色(1px solid  red  1像素红色实线)

margin:margin-top,margin-right,margin-bottom,margin-left  定义边外补白,只有宽度width一种属性

padding:padding-top,padding-right,padding-bottom,padding-left 定义边内补白,只有宽度width一种属性

 

三、列表与方块

top:

right:

bottom:

left:

width:

height:

list-style-type:circle/disc/alpha/none 定义列表样式 圆圈/点/字母/无样式

list-style-image:url() 定义列表样式图片

list-style-position:inside/outside 定义列表样式的位置  内部/外部

 

四、格式与布局

position:fixed(生成绝对定位的元素,相对于浏览器窗口进行定位。 )/absolute(生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 )/relative(生成相对定位的元素,相对于其正常位置进行定位。 ) -------------top,right,bottom,left

z-index:

float:left,right 向左浮动,向右浮动

clear:both 规定元素的哪一侧不允许其他浮动元素,both在左右两侧均不允许浮动元素。

display:显示方式。block/inline/none/inline-block block此元素将显示为块级元素,此元素前后会带有换行符。(块)在span层会起作用inline默认。此元素会被显示为内联元素,元素前后没有换行符。在一行上。none此元素不会被显示。inline-block行内块元素。

visibility:可视性。hidden元素是不可见的。 ,visible默认值。元素是可见的。

 

五、超链接的

a:link 没访问过的

a:visited 访问过的

a:hover 鼠标放上变的颜色

2014.9.20CSS样式表