H5-19 字体属性

 CSS字体属性定义字体,颜色、大小、加粗、文字样式 

1、color

  规定文本的颜色

  div{color:red;}

  div{color:#fff000}   最常用

  div{color:rgb(255,0,0)}

  div{color:rgba(255,0,0,0-1中间任意数值)}

2、font-size

  设置文本的大小

  能否管理文字的大小,在网页设计中是非常重要的。但是,你不能通过调整字体大小是段落看上去像标题或者使标题看上去像段落。

  h1{font-size:40px}

  h2{font-size:30px}

  p{font-size:14px}

温馨提示:chrome浏览器接受最小字体是12px

3、font-weight

  设置文本的粗细

描述
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符

100~900

定义由细到粗 400等同默认,而700等同于bold

 

 

 

 

 

 

  h1{font-weight:normal;}

  div{font-weight:bold;}

  p{font-weight:900;}

 

4、font-style

  指文本的字体样式

描述
normal 默认值
italic 定义斜体字

  

 

 

 

5、font-family

  font-family属性指定一个元素的字体

温馨提示:

  每个值用逗号分开

  如果字体名称包含空格,它必须加上引号

  font-family:"Microsoft YaHei","Simsun","SimHei";

 文字和英文都可以,推荐用英文。

posted @ 2024-12-03 11:06  张筱菓  阅读(53)  评论(0)    收藏  举报