上课开始学习h5，知识点太过琐碎，先杂乱的记录，再慢慢联系验证。
1.标签
<head></head>：一些设置所放置的部分。
<meta charset='UTF-8'>：在 head 标签中，编码格式.
<title></title>：放置在 head 标签中，网页的标题。
<style></style>：在 head 标签中的样式设置。
因为如果每次都在 div 中设置属性未免比较麻烦，也比较难在后期修改，加上有时若干块有相同的属性，所以引进了选择器的概念，也叫做“内嵌式”。类选择器，就是用 . 开头定义一个选择器，在需要使用的标签中令 class 等于 选择器名即可；ID 选择器，是通过标签属性中的 id 联系起来的，可以理解为是直接在 style 中指定 body 中的某个标签的属性。在一个标签中可以同时选择多个类选择器，class=“选择器1 选择器2 ......” 这样用空格隔开的形式；但 ID 选择器只能有一个。ID 选择器可以和类选择器嵌套使用，如下代码，可以理解成选择器指定某块作用范围的属性跟原先的不同，就像 python 中子类继承后重写了父类的方法和属性一般。不过就不能用 id 来指定选择器，因为是用 . 来创建的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>家用电器</title>
<style>
#box{
width:200px;
background-color: yellow;
}
#box .title{
background-color: #0F7C8F;
color: #FFFFFF;
text-indent: 1em;
width:100%;
height:40px;
line-height:40px;
font-size: 18px;
font-weight: bold;
}
#box .tit{
height:30px;
line-height: 30px;
font-size: 16px;
background-color: #E4F1FA;
color:#0F7CBF;
text-indent: 2em;
font-weight: bold;
}
#box p{
text-indent: 2em;
}
#box p a{
color:#999;
}
</style>
</head>
<body>
<div id='box'>
<div class = 'title'>
家用电器
</div>
<div class = 'tit'>
大家电
</div>
<p>
<a href="">冰箱</a>
<a href="">洗衣机</a>
<a href="">大家电</a>
<a href="">热水器</a>
<a href="">热水器</a>
<a href="">大家电</a>
<a href="">热水器</a>
<a href="">热水器</a>
</div>
</body>
</html> 
此外，因为 div span 等元素很多时候都会有默认的外边框和内边框，所以可以使用通配选择器来对他们全部进行清除，具体使用的方法就是，* 号表示任意的对象:
*{
margin:0px;
padding:0px;
}关于样式覆盖的问题，在 JavaScript 中经常会用到，但是有时会面临，写好的类选择器无法如我们所希望去去应用在某个标签上的情况，就让人很头疼，所以要考虑样式权重的问题。稍前面提到了内嵌式外联式行内式等的优先级，那么统一的都用内嵌式的情况下，我们会定义比较长的选择器，如下：
div{}
div p{}
#box{}
#box p{}
#box ul li{}
#box .left{}在使用后代选择器的时候
最低0.47元/天 解锁文章
4538
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
