《Head first HTML与CSS 第二版》读书笔记第七章 CSS入门

时间 2019-11-06

标签 head html css 第二读书笔记第七入门栏目 HTML 繁體版

原文原文链接

CSS由规则组成，每一个规则为选择的HTML元素提供样式。css

典型的规则包括一个选择器以及一个或多个属性和值。字体

选择器指定规则将应用到哪些元素。spa

每一个属性声明以一个分号结束。code

规则中全部属性和值都放在{ }之间。继承

可使用元素名做为选择器，选择任意元素。class

经过用逗号分隔元素名，能够一次选择多个元素。方法

只能对body中的元素添加样式。im

要在HTML中包含一个样式，能够在<head>元素中添加<style>元素。样式

推荐的方法是将CSS单独写在一个文件中，而后在HTML页面中引入这个CSS文件：top

<link type="text/css" rel="sylesheet" href="......">

元素能够从它的父元素集成样式。

若是一个元素不想继承父元素的样式，可为它单独指定样式来覆盖集成。CSS总会使用最特定的规则。

不是全部的CSS属性都能集成。通常，若是样式影响到文本外观，它们都能集成，若是字体颜色（color）、字体（font-famliy）、字体大小（font-size）、字体粗细（font-weight）和斜体（font-style）。其余属性不能集成，如边框。

用/* */来包围CSS注释，能够跨多行。

可使用class属性将元素添加到一个类。

经过在元素名和类型之间加一个"."，能够选择该类中的一个特定元素。

使用“.classname”能够选择这个类的全部元素。

经过在class属性中放入多个类名，能够指定一个元素属于多个类，类名之间用空格分隔。

元素应用样式的规则：

若是有多个选择器选择到一个元素，则会比较哪一个选择器更特定，以下状况特定性由高到低：元素.类，.类，元素。

若是选几个选择器特定性相同，则会使用在CSS文件中最后出现的选择器。

若是CSS里有错误，一般这个错误如下的全部其余规则都会被忽略。

jigsaw.w3.org/css-validator验证CSS文件。

一些CSS属性：

《Head first HTML与CSS 第二版》读书笔记 第七章 CSS入门