初学css基础知识,css基本知识大全

首页 > 经验 > 作者:YD1662022-10-31 22:51:08

说明:

对于群组选择器,两个选择器之间必须用“,”(英文逗号)隔开,不然群组选择器无法生效。

举例:

————————————————

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<style type="text/css">

h3,div,p,span{color:red;}

</style>

</head>

<body>

<h3></h3>

<div>天天向上</div>

<p>好好学习,天天向上</p>

<span>好好学习,天天上学</span>

</body>

</html>

————————————————

分析:

“h3,div,p,span{color:red;}”表示选中所有的h3元素、div元素、p元素和span元素,然后设置这些元素的字体颜色为red。

————————————————————————————————

<style type="text/css">

h3,div,p,span{color:red;}

</style>

————————————————————————————————

其实上面这段代码等价于以下代码:

————————————————————————————

<style type="text/css">

h3{color:red;}

div{color:red;}

p{color:red;}

span{color:red;}

</style>

——————————————————————————

现在大家知道使用群组选择器的效率有多高了吧!

4、文本样式总结

初学css基础知识,css基本知识大全(21)

表1 CSS文字属性

初学css基础知识,css基本知识大全(22)

一、字体类型font-family

语法:

font-family:字体名;

说明:

字体名指的是“微软雅黑”、“宋体”、“Times New Roman”等。

举例:“font-family:微软雅黑;”

二、字体大小font-size

语法:

font-size:像素值;

说明:

初学者尽量使用像素来作为单位,因此我们不会在初学者阶段介绍太多的其他单位,比如百分比、em等。

举例:“font-size:15px;”

三、字体颜色color

语法:color:关键字/颜色值;

说明:

color共有2种取值,一种是关键字取值,例如“color:red;”;另外一种是十六进制颜色值,例如“color:#F1F1F1;”。对于十六进制颜色值,我们可以使用绿叶学习网的“在线调色板”选取你喜欢的颜色。

举例:“color:blue;”

四、字体粗细font-weight

语法:

font-weight:取值;

说明:

对于中文网页来说,font-weight属性一般仅用到bold、normal这两个属性值完全就可以了,粗细值不建议使用数值(100~900)。

举例:“font-weight:bold;”

五、字体斜体font-style

在CSS中,使用font-style属性来定义字体倾斜效果

语法:

font-style:取值;

说明:

font-style属性的取值如下表:

————————————————

初学css基础知识,css基本知识大全(23)

举例:“font-style:italic;”

六、CSS注释

语法:

/*注释的内容*/

说明:

“/*”表示注释的开始,“*/”表示注释的结束。

初学css基础知识,css基本知识大全(24)

上一页23456下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.