css引入、选择器要点.ppt

1、对于标签选择器，可以同时对几个标签选择器定义样式；例如，代码中的h1，h2 * * * * CSS+DIV网页样式与布局 Page ? * Div+css的概述 传统的网页布局是使用表格，代码比较混乱，缺乏结构性。 现在的网页整体布局使用CSS+DIV来构建，代码看起来比较有层次感。 一定要重视标签的语义！ 常用语义标签 1.标题标签：h1~h6。 2.列表标签：ul、ol和dl。 3.表单标签：input、textarea、select等。 4.表格标签：table、tr、td等。 5.强调语义标签：strong、em等。 6.引用标签：blockquote、cite等。 7.代码标识标签：abbr、code等。 DIV+CSS布局 DIV+CSS布局div承载的是内容，而css承载的是样式。 内容和样式的分离对于所见即所得的传统TABLE编辑方式确实是一个很大的冲击。 DIV的概念 　1. DIV 是标签的一种，使用它的方法跟使用其他标签的方法一样。 2.作用：将HTML文档分割为独立的、不同的部分（块）。 3. 如果单独使用 DIV 而不加任何 CSS，那么它在网页中的效果和使用 P/P 是一样的。 DIV的概念 DIV本身就是容器，它可以嵌套所有标签，包括它自己。 5. 注意：div标签不能嵌套