w3c css参考文档

css教程主要涉及到

• 选择器
• 样式
• 盒模型

/*选择器*/
selector {
    属性名:属性值;
}

/*选择器分组 */
h1,h2,h3,h4,h5{
    color:green;
}
/**派生选择器 */
li strong{
    font-style:italic;
}

/** id选择器 */
#red{
    color:red;
}
/**类选择器 */
.center{
    text-align:center;
}

/** 属性选择器*/
[title]{
    color:red;
}

通配符属性选择器

层叠样式表插入有三种,外联,内联,元素。整站开发用外联方便复用。 单个文档需要特殊样式用内联。单个元素需要特殊样式直接在元素上使用。

层叠的权级上: 元素样式>内联样式>外联样式

参考文档 CSS选择器的权重与优先规则

案例

总结:

• 权重:权重高的规则优先显示
• 优先:同等权重,后定义的规则优先

样式主要讲解以下分类

• 背景

font-size 的属性使用

w3c推荐使用em字体尺寸 1em = 用户代理的默认的字体大小 2em=2倍字体大小

|伪类 | 含义| |---|---|---| |a:link| 未访问的链接| |a:visited | 已经访问的链接| |a:hover | 划过链接| |a:active | 正在被点击的链接|

设置4个属性的时候 a:link >a:visited>a:hover>active;

折叠表单

table{
    border-collapse:collapse;
};

外边框合并问题

内容定位

• relative属性案例
• position绝对定位案例
• float 定位

• 对齐

margin居中

margin-left:auto; margin-right:auto;

position 实现左右对齐 float: 实现左右对齐