HTML和CSS教材：CSS-中华考试网

HTML和CSS教材：CSS

2016-10-3编辑:sunny

CSS

1. 外部样式表

<head>

</head>

或者

@import url()

</style>

2. 提高优先级

加!important属性。如： h1{ color : black !important;}

3. 选择器

关联选择器 #nav li a, #nav li a:link, li emu l, ……

类选择器 .wide{ }, p.wide{}, ……

Id属性选择器 #name

锚伪类 a:link, a:visited, a:active, a:hover, 或者直接 :link ……

印刷为元素 <P>

P:first-line{ font, color, background, word-spacing, letter-spacing, text-decoration, vertical-align, text-transform, line-height, clear}

P:first-letter{ font, color, background, letter-spacing, vertical-align, text-transform, line-height}

选择器中的为元素 body p:first-letter{ }, p.id:first-letter{}, ……

4. 框架属性与内容

border, border-bottom, border-top, border-left, border-right

border-bottom-color, border-bottom-style, border-bottom-width

border-width, border-color, border-style

clear, float

margin, margin-top, margin-bottom, margin-left, margin-right

padding, padding-top, padding-bottom, padding-left, padding-right

5. 颜色与背景属性

background, background-attchment, background-color, background-image, background-position, background-repeat, color

6. 分级属性

display, list-style-type, list-style-image, list-style-position, list-style, white-space

ul { list-style-image:url("/i/arrow.gif"); list-style-type:square; }

7. 字体属性

font, font-family, font-size, font-style, font-variant, font-weight

8. 文字属性

Letter-spacing, line-break, line-height, vertical-align,

text-align, text-decoration, text-indent, text-justify, text-transform

9. 盒子模型

10. 定位元素

position(仅div可用):absolute(相对父元素), width, height, z-index, static, relative(相对页面)

left, top(坐标):元素与父元素左方和上方边缘的空间大小，可用于padding，border，margin

width, height绝对或相对的宽度与高度。可用于定义元素实际占用空间，以内容长度为准，不包括padding、border与margin

visibility: visible(可见), hidden(隐藏), inherit(继承父元素属性)

11. 度量单位

px 像素， in 英寸， cm 厘米， mm 毫米， pt=1/72in, pc=12pt

css一些属性解释：CSS表单运用

25种风格各异的菜单