html>body

本文详细介绍了 CSS2 中的子选择符 (>) 的使用方法及其应用场景。通过具体的 HTML 示例展示了如何仅针对直接子元素应用样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html>body:

>是子选择符,用于匹配那些其他元素的直接后辈,属于CSS2。

例子:
body > p{color:red;}
<body>
<p>内容</p>
<div><p>内容</p></div>
</body>

只有第一个匹配
### 创建基本的HTML页面结构 为了构建一个标准的HTML文档,需要遵循特定的结构来确保浏览器能够正确解析并显示网页内容。以下是创建包含`<html>`和`<body>`标签在内的基础HTML页面结构的方法: #### 定义根元素 `<html>` 整个HTML文档应当被一对`<html>`标签包围,这标志着文件是一个HTML文档,并且所有的其他组件都应位于这对标签之内。 ```html <html> <!-- 页面其余部分 --> </html> ``` #### 设置文档头 `<head>` 紧跟在开篇的`<html>`之后是`<head>`区域,在这里可以放置关于文档的信息,比如字符集声明、视口配置、外部资源链接(如CSS样式表)、以及最重要的——文档标题。 ```html <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> ``` 此段代码设置了文档使用的字符编码为UTF-8,并指定了页面标题为“我的第一个HTML页面”。 #### 编写主体内容 `<body>` 最后则是至关重要的`<body>`部分,它包含了实际要展示给用户的全部可见内容,从文字到图片再到各种交互控件都可以放在这里面。 ```html <body> <!-- 这里放入具体的页面内容 --> <p>Hello, world!</p> </body> ``` 上述例子中仅简单地加入了一句话作为演示用途。 综合以上各点,一个最简化版本却依然完整的HTML页面如下所示: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个HTML页面</title> </head> <body> <p>Hello, world!</p> </body> </html> ``` 这段代码展示了如何通过使用`<html>`、`<head>`和`<body>`这三个核心标签来搭建起一个简单的HTML页面框架[^1][^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值