| 12345678910111213141516171819202122232425262728293031323334 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <!--
- css样式引入：
- 1.行内样式/内联样式
- 格式：在标签内 style=""
- 2.内部样式表
- 格式：在头部标签内 style标签
- 3.外部样式表
- 方法：通过link标签引入
- rel 引入表与现有表的关系
- stylesheet 样式表
- href 引入的路径
- -->
- <link rel="stylesheet" href="../css/1.css">
- <style>
- div {
- width: 200px;
- height: 200px;
- background-color: blue;
- }
- </style>
- </head>
- <body>
- <b>加粗的内容</b>
- <p>这是一段文字</p>
- <!-- 行内样式 > 内部样式表 > 外部样式表 -->
- <div style="width: 200px;height: 200px;background-color: red;"></div>
- </body>
- </html>
|
