重温系列7《css常用属性》

1.font-size:16px;表示字体的大小为16px;实际指的是字体的高度。

2.font-weight:bold;表示字体加粗,它的属性值有lighter、normal(默认值)、bold、bolder【以上依次加粗,但是bolder有时候不好使,不是浏览器的问题,也不是代码问题,而是字体包里没有更粗的样式。属性还可以写数字表示:100~900只能写整百的数字。

3.font-style:italic;表示斜体,normal正常字体。

4.font-family:“微软”;表示字体样式,常用微软雅黑等等…

5.color:red;表示字体颜色。这个表示的是字体的颜色!!!!

6.background-color:red;表示标签背景的颜色。背景颜色!!!!
6-1:补充background:表示背景所有的属性。(后面细讲,这里需与background-color区分,可以理解为background-color是background中的某一个属性而已。可以参考下面第10点border属性)

7.补充color:颜色命名有四种方式:
7-1:传统 red 红色 blue 蓝色,这种方式就是用英文单词命名的。
7-2:颜色代码:#ff0000,代码表示:每两个代码表示一个颜色的饱和度值(00~ff,十六进制的数值)六个代码就代表了三原色的饱和度的值。当有两个重复时可以简写。例如#f40 = #ff4400 。但是#ff4403就不能简写了。必须三个全部重复。
7-3:颜色的函数,如:rgb(255,255,255),里面的值可以是0~255,类似同样三原色的逻辑。有时会遇到:rgba(255,255,255,0.5),尾巴a表示透明度。0.5表示半透明。、
7-4:特别色:transparent透明色。

8.width:标签的宽(后面合模型时细讲),单位是px/%。这个涉及移动端与电脑端的布局都很重要。

9.height:标签的高(后面合模型时细讲)

10.boder:标签的边框(后面合模型时细讲),例如:border:1px solid black表示1像素的实线的黑色边框。
10-1:border-color:black 表示边框颜色
10-2:border-style:solid 表示实线
10-3:border-width:1px 表示边线宽度

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章