1.设置锚点
<a href="#name1">第一个位置</a>
<a name="name1">第一个</a>
2.引入CSS方式有3种
a.直接在元素后面添加style属性
如:<div style="color:green width:300px">123</div>
b.在body上面添加<style>设置属性</style>来添加属性
如:<style>
div{
color:red;
width:300px;
}
</style>
c.创建一个demo.css文件
如:div{
color:red;
width:300px;
}
然后在html文件里连接demo.css文件
在<head></head>里面加
<link href="demo.css" rel="stylesheet" type="text/css" />
注意:当着三种方法同时使用时,有属性优先级
a方法优先级最高
b,c方法要看谁在下面,在下面的优先级高
如: <style>
div{
color:blue;
}
</style>
<link href="demo.css" rel="stylesheet" type="text/css"/>
这时候c方法优先级高
反之,b方法优先级高
3.后代选择器
在一个选择器下的其他选择器,这个选择器为父代选择器,这个选择器包住的选择器
则是父代的后代选择器
如:#d2 div{
color:green;
}
这个id=d2的id选择器下的所有div元素都设置以上属性
(若在div这个元素中还包有div的元素,则这些元素也设置以上属性)
4.儿子选择器
在一个选择器的下一代的选择,这个选择器为父代选择器,这个选择器的直属下
代选择器则为儿子选择器(不包括儿子选择器的下代选择器)
如: #d2>div{
color:green;
font-size:30px;
}
这个id=d2的id选择器直属下代的所有div元素都设置以上属性
<a href="#name1">第一个位置</a>
<a name="name1">第一个</a>
2.引入CSS方式有3种
a.直接在元素后面添加style属性
如:<div style="color:green width:300px">123</div>
b.在body上面添加<style>设置属性</style>来添加属性
如:<style>
div{
color:red;
width:300px;
}
</style>
c.创建一个demo.css文件
如:div{
color:red;
width:300px;
}
然后在html文件里连接demo.css文件
在<head></head>里面加
<link href="demo.css" rel="stylesheet" type="text/css" />
注意:当着三种方法同时使用时,有属性优先级
a方法优先级最高
b,c方法要看谁在下面,在下面的优先级高
如: <style>
div{
color:blue;
}
</style>
<link href="demo.css" rel="stylesheet" type="text/css"/>
这时候c方法优先级高
反之,b方法优先级高
3.后代选择器
在一个选择器下的其他选择器,这个选择器为父代选择器,这个选择器包住的选择器
则是父代的后代选择器
如:#d2 div{
color:green;
}
这个id=d2的id选择器下的所有div元素都设置以上属性
(若在div这个元素中还包有div的元素,则这些元素也设置以上属性)
4.儿子选择器
在一个选择器的下一代的选择,这个选择器为父代选择器,这个选择器的直属下
代选择器则为儿子选择器(不包括儿子选择器的下代选择器)
如: #d2>div{
color:green;
font-size:30px;
}
这个id=d2的id选择器直属下代的所有div元素都设置以上属性
(若在div这个元素中还包有其他元素,则这些元素不会设置以上属性)