文章大纲来源：【Day3】HTML复习+CSS基础CSS在前端。内容引用：CSSIntroStyles解决了什么问题？HTML标签最初设计用于定义文档内容。语义信息是通过使用标签来表达的。当时文档排版是由浏览器实现的，没有使用格式标签。但当时的主流浏览器（Netscape和InternetExplorer）不断地增加新的HTML标签和属性（如字体颜色等，各公司的HTML书写属性是标准化的，样式一般不统一）。为了解决这个问题，万维网联盟(W3C)在HTML4.0之外创建了样式。样式表如何提高生产力？样式表定义HTML元素的显示方式。样式通常保存在外部.css文件中，可以被多个.html文件引用，所以外部样式表可以一处修改，多处影响。CSS的三种使用方式：标签内部定义属性...内部定义外部定义/*style.css*/body{background:red;}外部定义可以多个样式表，写多个标签引用即可。“堆叠”指的是什么？样式表允许您以多种方式指定样式信息。在HTML元素属性中，在HTML头部元素中，在外部CSS文件中，同一个文档引用了多个外部样式表，所以很容易遇到一个问题：“当同一个HTML元素被多个样式定义时,会使用哪种样式？”这是一种层叠，即将多个样式层叠成一个。在这个层叠过程中，需要一个层叠顺序来选择最后选择哪种样式：highest—内联样式，即HTML元素内部高度—内部样式表，即标签内部—外部样式表最低-浏览器默认样式具有覆盖低阶样式定义的高阶样式。入门CSS基础语法CSS规则由两个主要部分组成：选择器和声明。选择器{声明1;声明2；...declarationN;}选择器（selector）用于选择需要改变的HTML元素。声明（declaration）定义了需要改变的属性和值。每个声明都包含一个属性和一个值（属性：值）。例如：h1{颜色：红色；font-size:14px;}定义

元素中的文字颜色为红色，设置字体大小为14px。内容参考：CSSBasicGrammar语法补充除了基本语法，还有一些东西需要补充。内容参考：CSSAdvancedSyntaxSelectorGrouping分组的选择器可以共享相同的声明。h1,h2,h3,h4,h5,h6{color:green;}用逗号连接需要分组的选择器。样式继承根据CSS，子元素从父元素继承属性。body{font-family:Verdana,sans-serif;}上面的规则声明元素将使用Verdana字体（如果在访问者的系统上可用）。通过CSS继承，子元素将继承最高级别元素（上例中的）所拥有的属性。这里的子元素是指在标签中声明的所有标签（实际上不一定是全部，取决于浏览器支持）。但是，在使用CSS继承规则的时候，如果不希望某个特定的子元素继承CSS，可以指定一个特殊的规则来覆盖它（这部分涉及到选择器优先级的问题，后面会解释）。body{font-family:Verdana,sans-serif;}p{font-family:Times,"TimesNewRoman",serif;}CSS派生选择器根据元素的位置关系定义样式。CSS1称它们为上下文选择器（contextualselectors），CSS2称其为派生选择器。示例：listrong{font-style:italic;font-weight:normal;

我是粗体，不是斜体，因为这个规则对我不起作用

1. 我是斜体.这是因为strong元素在li元素内部。
2. 我是普通字体。

只有li元素中strong元素的样式是斜体，所以不需要为需要修改的strong元素定义class或者id，代码更简洁。派生选择器有更深入的内容：CSSDescendantSelectorsCSSChildElementSelectorsCSSAdjacentSiblingSelectors内容参考：CSSDerivedSelectorsCSSid选择器为标有特定id的HTML元素指定特定样式。id选择器用“#”定义。#red{颜色：红色；}#green{颜色：绿色；}这段是红色的。

这段是绿色的。

之所以称为specific，是因为id属性在每个HTML文档中只能出现一次。在现代布局中，id选择器通常用于创建派生选择器。#sidebarp{...}样式将仅应用于出现在具有idsidebar的元素内的段落。内容参考：CSSid选择器CSSclass选择器class选择器的作用可以简单的理解为：一个id选择器，可以给多个元素赋予相同的id，只不过这里不再使用id，而是使用class。在CSS中，类选择器由一个点表示。.center{text-align:center;}所有具有classcenter的HTML元素都将应用此样式。这个标题会居中对齐