首页创建一个HTML文件，在该文件中添加行内样式表/内部样式表，样式表中包含：元素选择器 id选择器 class选择器为盒子模型（padding、margin、border）添加样式

创建一个HTML文件，在该文件中添加行内样式表/内部样式表，样式表中包含：元素选择器 id选择器 class选择器为盒子模型（padding、margin、border）添加样式

时间: 2024-09-15 20:08:50 浏览: 12

创建一个HTML文件并添加行内样式（style attribute）或内部样式（<style>标签）的过程很简单。下面是一个示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>CSS基础示例</title> </head> <body> <h1 id="myHeader" class="styled-header">这是一个标题</h1>  <p style="color: red; padding: 10px; margin-bottom: 20px; border: 1px solid black;">这是行内样式的段落</p>  <style> /* 元素选择器 */ p { font-size: 16px; } /* id选择器 */ #myHeader { background-color: lightblue; } /* class选择器 */ .styled-header { font-weight: bold; text-align: center; } /* 盒子模型样式 */ .boxed { box-sizing: border-box; width: 50%; padding: 1rem; margin: 0 auto; border: 2px solid gray; } </style> <div class="boxed"> 这是一个应用了盒子模型样式的div </div> </body> </html> ``` 在这个例子中，我们创建了一个`<h1>`标签，并给它设置了ID `myHeader` 和类名 `styled-header`。然后分别使用行内样式和内部样式表对它们以及一个`<p>`标签进行了样式设置，包括颜色、内边距、外边距和边框。