前端css有哪些常用的标签
时间: 2023-05-21 17:07:06 浏览: 77
常用的前端 CSS 标签有:div、span、a、img、input、button、p、h1~h6、ul、ol、li、form、table、tr、td、th、label、textarea、select、option等。
相关问题
前端css标签后代选择器
前端CSS标签后代选择器是一种用于选择元素的CSS选择器,它可以通过元素在其父元素中的嵌套关系来进行选择。
在CSS中,后代选择器使用空格来表示元素之间的嵌套关系。例如,如果想选择所有位于 `<ul>` 元素内部的 `<li>` 元素,可以使用以下选择器:
```css
ul li {
/* CSS样式 */
}
```
这个选择器会匹配所有 `<ul>` 元素内部的 `<li>` 元素,并且可以对其应用CSS样式。
另外,还可以使用多层嵌套来选择更深层级的后代元素。例如,如果想选择位于 `<div>` 元素内部的 `<p>` 元素内部的 `<span>` 元素,可以使用以下选择器:
```css
div p span {
/* CSS样式 */
}
```
这个选择器会匹配所有位于 `<div>` 元素内部的 `<p>` 元素内部的 `<span>` 元素,并且可以对其应用CSS样式。
通过使用后代选择器,可以方便地选择并应用样式于特定的元素嵌套关系。
wed前端css实现网页布局的全部标签
网页布局的全部标签并不只有 CSS,还包括 HTML 和 JavaScript。以下是常用的 CSS 布局标签:
1. div:用于定义文档中的区域块(division),是最常用的布局标签之一。
2. span:与 div 类似,但是用于定义文档中的行内块(inline division)。
3. header:用于定义文档的头部。
4. footer:用于定义文档的底部。
5. nav:用于定义文档的导航部分。
6. section:用于定义文档的节(section)。
7. article:用于定义文档的文章部分。
8. aside:用于定义文档的侧边栏部分。
9. main:用于定义文档的主要内容部分。
10. figure:用于定义图像或媒体内容。
11. figcaption:用于定义 figure 元素的标题。
12. table:用于定义表格。
13. tr:用于定义表格中的行。
14. td:用于定义表格中的数据单元格。
15. th:用于定义表格中的表头单元格。
16. ul:用于定义无序列表。
17. ol:用于定义有序列表。
18. li:用于定义列表项。
19. form:用于定义表单。
20. input:用于定义表单中的输入框。
21. label:用于定义表单中的标签。
22. select:用于定义表单中的下拉列表框。
23. option:用于定义 select 元素中的选项。
24. textarea:用于定义表单中的文本输入框。
25. button:用于定义按钮。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)