Html与CSS样式——2

来源：互联网发布：机械电子行业就业知乎编辑：程序博客网时间：2024/06/04 20:20

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元素都设置以上属性

（若在div这个元素中还包有其他元素，则这些元素不会设置以上属性）

0 0