1. 写出CSS样式表的3种基本选择器,与优先级顺序;(10分) 2. 写出ul、ol、dl 三种列表的html结构。(10分) 3. 使用表格布局做出如下表格代码(10分)
时间: 2024-03-05 09:55:16 浏览: 116
三种网页样式布局代码
1. CSS样式表的3种基本选择器及其优先级顺序:
- 标签选择器(优先级最低)
- 类选择器
- ID选择器(优先级最高)
2. ul、ol、dl 三种列表的HTML结构:
- `<ul>` 无序列表:使用 `<li>` 标签表示列表项,例如:
```html
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
```
- `<ol>` 有序列表:使用 `<li>` 标签表示列表项,例如:
```html
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
```
- `<dl>` 描述列表:使用 `<dt>` 标签表示描述项标题,使用 `<dd>` 标签表示描述项内容,例如:
```html
<dl>
<dt>描述项1</dt>
<dd>描述内容1</dd>
<dt>描述项2</dt>
<dd>描述内容2</dd>
<dt>描述项3</dt>
<dd>描述内容3</dd>
</dl>
```
3. 使用表格布局做出如下表格代码:
```html
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>张三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>18</td>
<td>男</td>
</tr>
</table>
```
CSS样式:
```css
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 5px;
text-align: center;
}
th {
background-color: #ddd;
}
```
阅读全文