web第7-9章总结_如果你要是用某种字体而默认情况下用户可能没有安装这种字体可以在css中使用-CSDN博客

本文链接：https://blog.csdn.net/weixin_46032927/article/details/107473493

第七章

css包含一些简单语句，称为规则（rule），每个规则为选择的一些HTML提供样式。例：h1，h2{color：gray；}，h1，h2叫做选择器，样式应用到h1和h2元素。
要在HTML中包含一个样式，最容易的办法就是使用style标记，对于HTML以及相当复杂的网站，可能要链接到一个外部样式表。样式表中去掉style。<link type="text/css" rel="stylesheet" href="index.css">再在HTML中用link元素链接起来。
继承：很多属性都能继承，如果为body元素设置了一个可继承的属性，那么body的子元素都会继承这个属性。
如果想为元素创建一个特点的规则，能覆盖该元素继承的属性。
可以使用class属性将元素增加到一个类。`

<p class="greentea">`

p.greentea{color:green;}greentea中的文本全是绿色。

6.使用.classname可以选择属于这个类的所有元素。

7.<p class="greentea raspberry blueberry">元素p属于三个类，如果一个规则比其他规则更特定，那么这个规则胜出，如果特定程度相同，那么靠后的规则胜出。

8.CSS验证工具：https://jigsaw.w3.org/css-validator/validator
html验证工具：https://validator.w3.org/nu/#textarea。

第八章

CSS提供了很多属性对字体的外观加以控制，包括font-family，font-weight，font-size和font-style。
font-family叫做字体系列，用于web的包括serif，sans-serif，monospase，cursive和fantasy。前两个最常用，每个字体系列包括大量字体。
在font-family CSS属性中指定候选字体，以防用户没有安装你的首选字体，body{font-family：Verdana，Geneva，Arial，sans-serif；}最后一个字体要指定为一个通用字体，如果找不到其他字体，浏览器可以替换适当的字体。
如果你要使用某种字体，而默认情况下用户可能没有安装这种字体，可以在CSS中使用@font-face规则（为页面增加web字体）。
字体大小通常使用像素（px），em，百分数或者关键字指定，使用em和%时意味着字体大小要相对于其父元素的字体大小指定。使用相对字体大小可以让页面更好维护。
在body规则中使用字体大小关键字来设置基本字体大小，这样用户希望文本更大或更小，所有浏览器就能按比例缩放字体大小。
font-weight：bold，粗体文本。font-style：italic；（斜体风格），font-style：oblique；（倾斜风格）。
web颜色是不同数量的红绿蓝三色混合得到的。body{background-color：rgb（80%，40%，0%）；}橙色body{background-color：rgb（204，102，0）；（数值指定）；#cc6600（十六进制码指定），其中前两位表示红色数量，接下来两位表示绿色数量，最后两位表示蓝色数量。
颜色表：http://en.wikipedia.org/wiki/web_color.
可以使用text-decoration属性为文本创建下划线。line-through：删除线，underline overline下划线上划线，none去除装饰。

第九章

CSS使用盒模型来控制元素如何显示，盒子由内容区和可选的内边距，边框和外边距组成。内边距和外边距大小可以用像素或百分数表示，边框可以用像素设置，也可以用关键字thin，medium和thick指定。
对于内外边距，边框，CSS提供了相应的属性使上下左右四个边能分别控制。
border-radius属性可以给边框创建圆角。
line-height属性可以加行距。
background-image属性在元素的背景上放置图像。
box-sizing：border-box；宽度不变，不会随着内边距变化而变化。
background-position和background-repeat属性可以设置背景位置和平铺行为（默认状态下背景会平铺）,background-attachment:scroll–滚动(fixed–固定)。
对于希望成组指定样式的元素要使用class属性，使用id属性为元素指定一个唯一的名字，还可以使用id属性为元素提供唯一的样式。
一个元素不能有多个id，页面上不允许多个元素都有相同的id。
使用id选择器按id选择元素，p#someid，blockquote#someid，（id在不同页面有不同的指定对象，需要根据页面上不同类型的元素应用不同的规则）
一个元素只能有一个id，不过它可以属于多个类。
html中可以使用多个样式表，如果两个样式表包含冲突的属性定义，HTML文件中最后链接的样式表最为优先。
在link元素中使用媒体查询：<link href="lounge-mobile.css" rel="stylesheet" media="screen and (max-device-width: 480px)">有屏幕的设备，屏幕宽度不超过480像素。或者使用CSS中的@media规则来指定设备@media screen and（min-device-width： 481px）{#guarantee{margin-right：250px；}}屏幕宽度大于480px就会使用这些规则。@media print{body{font-family：Times，serif；}}如果打印这个页面，就使用这些规则。
如果CSS文件相当庞大，就用link元素指定不同的样式表。