文档介绍:第3章 CSS 张孝祥《 JavaScript 网页开发》第3章 CSS 张孝祥《 JavaScript 网页开发》.txt 喜欢我这是革命需要, 知道不? ! 你不会叠衣服一边呆着去! 以后我来叠!我一定要给你幸福,谁也别想拦着。 样式属性详解有4 种方式可以将样式表加入到 HTML 文档中: 内联样式表:直接设置 HTML 标签的 style 属性 HTML 标准建议用户在网页的<head> 标签对中增加一个<meta> 标签, 完整语句为<meta http-equiv="Content-Style-Type" content="text/css"> 嵌入样式表:在<head> 标签对间定义<style> 标签对,加入网页元素样式规则定义。例如: <style type="text/css" media="screen, projection"> <!-- p{font-size: 20pt } --> </style> 外部样式表:在<head> 标签对间使用<link> 样式表文件。例如<link rel="StyleSheet" href="" type="text/css" media="screen"> 输入样式表:用 CSS 的***@import 声明将外部样式表文件输入到另一个 CSS 文件中或<style> 标签对中。例如: ***@import url(/); 3 种主要类型的 selector (选择器): HTML selector ,例如 p{...} div{...} class selector ,例如 {...} .normal{...} ID selector ,例如#yellowone{...} 此外还有: 关联选择器,例如 p em {...} 只作用于<p><em>...</em></p> 两层结构中的文本组合选择器, 即同时为设置几个选择器设置相同样式规则, 从而减少重复声明,例如 H1, H2, H3, H4, H5, H6, TD{...} 伪元素选择器,目前常用的伪元素有: a:active 选中超链接时的状态 a:hover 鼠标悬停于超链接时的状态 a:link 超链接的正常状态 a:visited 访问过的超链接的状态 p:first-line 段落第一行文本 p:first-letter 段落第一个字母注: first-line 和 first-letter 伪元素除了可以用于<p> 标签外,还可用于任何块级元素,例如<div> 块级元素是浏览器中显示为一个独立矩形区域的元素, 一个普通元素只要设置了 width 和 height 样式属性,就成了块级元素样式表的注释: /* ... */ 字体: 1) font-family 设置字体系列。可设置多个字体,之间用逗号隔开;当浏览器不能使用第一种字体时就自动用后一种字体显示 2) font-size 定义文字的大小。可使用数字和度量单位,也可使用相对字体大小,还可使用绝对的大小标记符绝对大小有 xx-small 、 x-small 、 small 、 medium 、 large 、 x-large 、 xx-large 相对大小有 smaller 、 larger