sad

1.字体是有大小的，浏览器默认的字体大小是：16px；谷歌浏览器最小字体是10px；其他浏览器为：12px；

font是可以继承的属性；

属性继承：明明是父级上设置样式，结果后代标签也跟着发生变化，这就叫属性继承

哪些属性可以继承？

color 字体颜色

font系列也会继承 font-size   字体大小； font-style  字体样式； font-family   字体形状； font-weight  字体粗细；

2.选择器

通配符选择器   *·······所有的标签

我们已知的选择器：标签选择器·······id选择器··········class选择器·············子代选择器············后代选择器··········交集选择器和通配符选择器

3.background 背景

 

（1）.背景颜色  简写background：red；

 

背景图片 background-image:url(“路径”);简写 background:url();

 

备注  标签请求外面资源 有三种属性  href  src  url；Ie9以下给body设置background-color 不起作用，需要用bgcolor才可以对其背景颜色进行设置

（2）.背景平铺

我们在给网页设置背景时，可以选择平铺（background-repeat），不平铺（background-peat:no-repeat；），平铺x轴（background-repeat：repeat-x；）和平铺y轴（background-repeat:repeat-y）

（3）.背景大小

background-size（背景大小）是个属性值：可以对其大小进行具体设置；例如：（background-size：100px   100px；）（注释：第一个代表横向长度，第二个代表纵向高度）

也可以采用 自适应（background-size:auto）自适应的图片大小由body大小决定。

（4）.背景位置

背景的位置background-position  也是坐标轴 向下为正 向右为正数

可以通过数字background-position：（100px   100px）,英文background-position：（top  left），百分比background-position：（50%  50%）；进行背景位置的设置。

（5）.背景缩写

body（background：#ffffff url：image：（‘tree.jpg’）       repeat        top left）

 

                                       颜色                               图片                                                       平铺                                 位置             可以进行统一设置省去不必要的步骤

4.边框

边框的缩写border：blue   1px      solid

                                   颜色    粗细  线框实虚

 边框圆角  border-radius：（具体数值或百分比）