能力(技能)掌握点:
①学明白CSS如何控制样式(做出新闻的综合案例)
②学会画盒子,彻底明白标签就是盒子容器的概念(借助于a伪类能完成导航栏案例)
1)多类名选择器
类名选择器:
这个div的名字就是nav或者说div就是nav,nav就是di(div相当于一大类人,div只不过就是某些人的名字)
我们可以通过div{ }也可以通过.nav{ }来进行寻找并修改(因为两者是同一个东西)
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多类名选择器</title>
<style type="text/css">
/*一定要记住写下style,要不然是不会有效果的*/
.red
{
color: red;
}
.font20
{
font-size: 20px;
color: blue;
}
</style>
</head>
<body>
<!--让第一个的字变大一点-