第10章 CSS的基础知识试卷.ppt

上一页 下一页 目 录 结 束 本 节 10.5.2 span标签 div标签主要用来定义网页上的区域，通常用于比较大范围的设置，而span标签也可以用在区段的定义，不过一般都是用在网页中某一小段文件段落。其语法如下： span id=指定样式名称....../span 或者 span class=指定样式名称....../span span标签被加入到HTML中的主要目的是用于样式表，所以当样式表失效时它就没有任何作用。span标签可以使用clsss和id类选择符。 div与span的差异： ⑴ 在div区域内的对象与区域外的上下文会自动换行；而span区域内的对象与区域外的上下文不会自动换行。 ⑵ div与span标签可同时使用，但建议div标签可包含span，但span最好不要包含div标签，否则会造成span标签的区域不完整，而形成断行的现象。 上一页 下一页 目 录 结 束 本 节 10.6 CSS的几个特性 1．可以归类CSS的规则 可以多个HTML标签采用同一样式，例： h1,p{font-family:黑体} 这项规则设定所有被h1和p标签包含的网页内容将用黑体显示。 上一页 下一页 目 录 结 束 本 节 2．样式表的规则具有继承性 样式表的规则可从母体延续到子体，例： b{color:blue} 这项规则告诉浏览器将所有b之内的文字用蓝色显示。但是在下列情况下，浏览器该如何处理呢？ b这是一个i样式表/i实例/b 对于i标签并没有设定样式，但因为i位于b之中，所以它将继承母体b设定的样式，也以蓝色显示。 上一页 下一页 目 录 结 束 本 节 3．情景选择 如果想让所有斜体显示的文字（即被i和/i标识的文字）都以红色显示，但条件是只有当这些斜体显示的文字出现在通常的段落文字（即被p标识的文字）内时。这就需要使用“情景选择”来实现。通过“情景选择”可设定一个可以执行选择说明的情景。 带情景选择的样式表的格式如下： 情景标签 标识符{属性:属性值} 上一页 下一页 目 录 结 束 本 节 其中的HTML代码： h1这是一个i样式表/i实例/h1 p这是一个i样式表/i实例/p 表示只将所有p之内斜体显示的文字以红色且大字体显示。所以，p之外斜体显示的文字不会以红色显示，而p之内的文字则以指定字体显示。 * * 第10章 CSS的基础知识 10.1 样式表和HTML的关系 10.2 样式表的基本结构 10.3 如何在网页中加入css 10.4 class与id类选择符 10.5 div与span标签 10.6 CSS的几个特性 上一页 下一页 目 录 结 束 本 节 10.3 如何在网页中加入css 10.3.1 在行内直接加入样式 10.3.2 把样式表嵌入到文档头 10.3.3 链接到样式表 10.3.4 输入样式表 上一页 下一页 目 录 结 束 本 节 10.4.1 class类选择符 10.4.2. id类选择符 10.4 class与id类选择符 上一页 下一页 目 录 结 束 本 节 10.5.1 div标签 10.5.2 span标签 10.5 div与span标签 上一页 下一页 目 录 结 束 本 节 第10章 CSS的基础知识 CSS是为了简化Web页面的更新工作而诞生的，它的功能非常强大，它将让网页变得更加美观，维护更加方便。CSS跟HTML一样，也是一种标记语言，甚至很多属性都来源于HTML，它也需要通过浏览器解释执行。任何懂得HTML的人都可以掌握，非常容易。 上一页 下一页 目 录 结 束 本 节 样式表(StyleSheets)技术诞生于1996年，全称是层叠样式表(Cascading StyleSheets，简称CSS)。那什么是样式呢？样式其实就是格式，对网页来说，像文字的大小、颜色以及图片位置等，都是网页显示信息的样式。那层叠又是什么意思？意思是当我们在HTML文件中引用数个定义样式文件（CSS文件）时，若数个样式文件间所定义的样式发生冲突，将依据层次处理。 样式表是HTML的表兄弟。样式表的产生是由于最初的HTML标准还不尽人意，用HTML制作网页就像是用画笔绘制一幅图画，只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果。正是在这种情况下，样式表技术诞生了，样式