浏览器默认字体大小font-size:16px;谷歌最小字体是10px,其他的是12px;font属性可继承。
那些属性可以继承?
(1)color字体颜色
(2)font(系列也会继承)font-size/style/weight/faily/width
选择器(标签选择器、class选择器、ID选择器、后代选择器、子代选择器、交集选择器)
通配符选择器:...*...代表所有的标签
背景background
背景颜色background-color:red;简写(background:red;)
背景图片background-image:url("路径");简写(background:url();
备注;标签请求外面资源有三种属性:href/src/url
IE浏览器给body设置,background-color不起作用,需要用bgcolor
<body bgcolor="red">
<p>hello</p>
</body>
背景图片平铺
1.浏览器状态下默认平铺
2.不平铺background-repeat:no-repeat;
3.只平铺X轴background-repeat:repeat-X;
只平铺Y轴background-repeat: repeat-Y;
4.全铺background-size:50% 100%;
100%代表Y轴上的值、50%代表X轴上的值。
background-size属性值有哪些写法?
A、可以设置具体的大小...200px....200px auto..自适应(一般做属性值)
B、背景位置background-position:。。。也是坐标轴(向右为正,向下为正){background-position:100px 100px}
位置的种类:具体数字、百分比、英文单词(top、left、right、center)
背景简写:background:red(颜色) url(“‘’”)图片 no-repeat(不平铺) right top(位置)
边框border
border-color:red;(边框颜色)
border-width:1px;(边框粗细)
border-style:deshed;(边框样式)
border-radius:(上面边框宽高的一半);{圆形边框}
边框简写:border:red 1px deshed;
边框圆角border-radius后面的值是具体的数字/百分比。