html课题研究学习日记#16

 本日对css进行了学习与研究，了解到了样式定义通常保存在外部 .css 文件中。通过使用外部样式表文件，只需更改一个文件即可更改整个网站的外观。对css语法进行了初步的了解：CSS 规则集（rule-set）由选择器和声明块组成。例如h1{color:red;font-size:14px},h1为选择器，中括号内为声明块，声明了h1元素的颜色为红色，字体大小为14px。css选择器分为五类：简单选择器（根据名称、id、类来选取元素）；组合器选择器（根据它们之间的特定关系来选取元素）；伪类选择器（根据特定状态选取元素）；伪元素选择器（选取元素的一部分并设置其样式）；属性选择器（根据属性或属性值来选取元素）。本日主要对最简单的选择器进行了学习。简单选择器主要运用以下的方法来进行选择：1.元素选择；2.id选择；3.类选择，还可以制定特定元素的类受影响，例如p.center只有具有 class="center" 的 <p> 元素会受影响，还可以引用两个类；

 4.通用选择，通用选择器（*）选择页面上的所有的 HTML 元素；5.分组选择器，当多个元素具有相同的样式定义时，可将其分组，以最大程度地缩减代码，当进行分组时，用逗号来分隔每个选择器。

本日同时对插入css的方法进行了学习，插入的方法分为三组：外部css、内部css和行内css。通过使用外部样式表，只需修改一个文件即可改变整个网站的外观。每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。外部样式表可以在任何文本编辑器中编写，并且必须以 .css 扩展名保存。外部 .css 文件不应包含任何 HTML 标签。

如果一张 HTML 页面拥有唯一的样式，那么可以使用内部样式表。内部样式是在 head 部分的 <style> 元素中进行定义。

 

 

行内样式（也称内联样式）可用于为单个元素应用唯一的样式。如需使用行内样式，需要将 style 属性添加到相关元素。style 属性可包含任何 CSS 属性。

 如果在不同样式表中为同一选择器（元素）定义了一些属性，则将使用最后读取的样式表中的值。页面中的所有样式将按照以下规则“层叠”为新的“虚拟”样式表，其中第一优先级最高：1.行内样式（在 HTML 元素中）2.外部和内部样式表（在 head 部分）3.浏览器默认样式

因此，行内样式具有最高优先级，并且将覆盖外部和内部样式以及浏览器默认样式。

本日学习时间三小时