第一章 基础知识
08 年 8 月 12 号
一.设计代码的结构
语义标记,又叫有意义的标记,提供了将元素调整为你所需样式的简单方法。它在文
档中添加了结构并且创建了一个底层框架。
1.ID 和类名
ID 可以用来标识持久的结构性元素,还可以用来标识一次性元素。在分配 ID 和类名
时,一定要尽可能保持名称有意义,并且与表现方式无关(是说名称可以说明这个元素是
干什么的,但是并不涉及如何表现它,比如:你想把此元素放在左边,取 leftTop 就不太好,
如果你以后想改到右边)。
需要注意:写类名和 ID 时,注意区分大小写。CSS 大体上是不区分大小写的语言。使
用 XHTML,是区分大小的。使用 HTML,是不区分大小的。
什么是驼峰式命名法?是一种大小写约定,即组成标识符的多个单词除首词首字母小
写,其余单词首字母大写。
2.div span
Div 可以用来对块级元素进行分组,span 可以用来对行内元素进行分组(比如:在一
句话中可以用 span 对某几个单词进行分组)。
3.DTD(文档类型定义)
DTD 是一组机器可读的规则,定义 XML HTML 的特定版中允许有什么,不允许有什
么。DOCTYPE 声明用来了解是使用哪个 DTD。DOCTYPE 通常包含指定的 DTD 文件的
URL。浏览器一般不读取这些文件,只是识别常见的 DOCTYPE 声明。
浏览器模式:分为标准模式和怪异模式,标准模式中浏览器按规范显示页面;怪异模
式中,以向后兼容的方式显示。
二.为样式找到目标
1.常用选择器
常用的:有类型选择器和后代选择器。
类型选择器用来寻找特定类型的元素,如段落 锚或标题元素。(如:p{} a{} h1{})
后代选择器可以用来寻找特定元素或元素组的后代。(如:li a{})
还有 ID 选择器和类选择器。
伪类:有时希望根据文档之外的其他条件对元素应用样式,如表单元素或链接状态。
:link 和:visited 是链接伪类,只能应用于锚元素(象 a 这种)。:hover :active 和:focus 称
为动态伪类,理论上可以应用于热河元素。
2.通用选择器
一般用来对页面上的所有元素应用样式。一个*,就像通配符。
3.高级选择器
Firefox 和 Safari 等支持,但是 IE6 或更低版本不支持。
4.层叠和特殊性
即使在不太复杂的样式表中,也可能有两个或更多规则寻找统一元素。CSS 通过一个
称为层叠的过程处理这种冲突。(冲突是指两种方式都对那元素进行了操作吗?)层叠给
每个规则分配了一个重要度。特殊性的总结: 用 style 属性编写的规则总是比其他热河规则
特殊,具有 ID 选择器的规则比没有 ID 选择器的规则特殊,据用类选择器规则比只有类选
评论0