前端基础默写题---2

说明CSS的使用方式，以及它们的特点。
页面中有一个div，使用行内方式，标签选择器设置了它的背景颜色为黄色，使用外部引入方式，标签选择器设置了它的背景颜色为绿色，最终它的背景颜色是什么颜色？

有如下HTML结构：

<b class="test">hello</b>
<p class="test">world</p>
<b>hello world</b>

如何选中第一个带test类的b标签？

有如下HTML结构：

<b class="test test1">hello</b>
<p class="test1 test2">world</p>
<b class="test2 test">hello world</b>

如何选中第一个b标签？

有如下HTML结构：
```
hello
world
hello world
hehe 
```
如何同时选中：第一个b标签，第二个b标签，和第一个p标签？

有如下HTML结构：

<div>
    <p>
        <b>hello</b>
        world
    </p>
    <b>hello world</b>
</div>

如何选中p里面的b标签？

现有一个a链接，请设置没有访问过它的字体颜色是红色，移动上去是粉红色，点击的一瞬间是黄色，访问过之后是绿色。
有如下HTML结构：
```
老衲的少女心膨胀！！！
```
1. 将其中内容字体大小设置为18px。
2. 设置字体为SimSun和Microsoft YaHei两种字体。
3. 如果不设置字体大小默认是多少？
4. 设置完字体后如果客户端没有这两种字体客户端会如何处理？

有如下HTML结构：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <style>
        html{
       
       
            font-size:20px;
        }
        body{
       
       
            font-size:30px;
        }
        div{
       
       
            font-size:40px;
        }
        #b1{
       
       
            font-size:1em;
        }
        #b2{
       
       
            font-size:2rem;
        }
    </style>
</head>

<body>
    <div>
        <b id="b1">hello</b>
        <b id="b2">world</b>
    </div>
</body>

</html>

问：#b1和#b2的字体大小分别是多少？

有如下HTML结构:
```
<div>
 hello
 world
</div> 
```
1. 将b标签的粗体去掉并设置为斜体。
2. 将em标签的斜体去掉并设置为粗体。

前端基础默写题---2

猜你喜欢