9.12笔记

浏览器默认字体大小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

扫描二维码关注公众号,回复: 3154119 查看本文章

<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后面的值是具体的数字/百分比。

猜你喜欢

转载自www.cnblogs.com/mo123/p/9636719.html