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:(具体数值或百分比)