第3章 css 张孝祥《javascript网页开发》（张孝祥《javascript网页开发》 第3章 css）.doc

第3章 css 张孝祥《javascript网页开发》（张孝祥《javascript网页开发》 第3章 css） 第3章 css 张孝祥《javascript网页开发》.txt喜欢我这是革命需要, 知道不? 你不会叠衣服一边呆着去. 以后我来叠. 我一定要给你幸福, 样式属性详解 谁也别想拦着 3.6. 有4种方式可以将样式表加入到html文档中. 直接设置html标签的style属性 内联样式表. 4.01标准建议用户在网页的 html meta head 标签对中增加一个 标签, 完整语句为 meta http equiv = content type content = text / css 嵌入样式表: 在 head style 标签对间定义 标签对, 加入网页元素样式规则定义.例如. type = text / css style media = screen, projection. ! - - - - - - - p {font size: 20pt} - style 外部样式表: 在 标签对间使用 link head link rel = 标签导入外部.css样式表文件.例如 stylesheet href = test.css type = text / css = screen media 输入样式表: 用css的 style @ import声明将外部样式表文件输入到另一个css文件中或 标签对中.例如. import url: (http: / / / style.css). 3种主要类型的selector (选择器). html selector, 例如 p {...} ({...} a class selector, 例如 p.stop {...}.normal {...} id selector, 例如 # yellowone {...} 此外还有. 关联选择器, 例如 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) - family 设置字体系列.可设置多个字体, 当浏览器不能使用第一种字体时就自动用后一种字体显示 之间用逗号隔开. 2) - size 定义文字的大小.可使用数字和度量单位, 也可使用相对字体大小, 还可使用绝对的大小标记符 The absolute size is XX-Small, X-Small, small, medium, large, X-LARGE, XX-Large The relative sizes are smaller and larger, indicating a smaller or larger level than the original size of the current font The absolute units are PX (pixels), mm (mm), cm (CM), in (inch), Pt (pound), and PC (PA) The relative units have the EM (the current font, the original size, the proportional value), the ex (the height of the letter X), and the% (the percentage of the original font size of the current font) 3) font-style optional Normal, Italic, Oblique. Italic uses Italic Fonts, Oblique tilts normal text, and Oblique for Italic Fonts 4) text-