标记的属性:

1.标记的属性:

<标签名 属性名 = “值” 属性名=“值”>

2.调用样式的三种方式:引入外部样式的方法、内部样式、行内样式

当样式设置发生冲突时, 就近原则

3.权重大小依次为:行内>内部>外部

(1)外部

<link rel="stylesheet" type="text/css" href="css/style01.css"/>

(2)内部

(3)行内样式

我是标题一

4.属性和样式的区别与联系

Tips: 样式能实现的效果,属性不一定能实现;反过来,属性能实现的,样式一定能实现.

头部标记

1.标记的名称、单还是双标记

2.标记的功能

3.标记的使用方法和注意事项

1.HTML5文档头部相关标记
<meta/> <link> <style></h6> <style type="text/css"> body{ background-color: orange; } h1{ color: #fff; } </style> <pre><code></head> </code></pre> <p>(1)属性控制文本</p> <!--用属性控制文本居中--> <pre><code> <h1 align="center">我是用属性控制的标题</h1> </code></pre> <p>(2)行内样式设置文本居中</p> <!--用行内样式设置水平居中--> <pre><code> <h1 style="text-align:center">我是用行内样式控制标题一</h1> </code></pre> <h6 id="2设置背景颜色">2.设置背景颜色</h6> <p>/<em>设置背景颜色为红色</em>/<br> body{<br> background-color: red;<br> }</p> <h6 id="3子页">3.子页</h6> <head> <meta charset="UTF-8"> <title>子页</title> <link rel="stylesheet" type="text/css" href="../css/sub01.css"> </head> ###### 4.输入输出语句测试 <script> var a=prompt('请输入你的爱好') alert('我的爱好是跑步') </script> <h6 id="转义字符">转义字符</h6> <p>eg.</p> <body> <script> alert("祝愿大家:\n学习进步!\n更上一层楼!"); </script>" ​ </body>
posted @ 2026-03-19 16:46  安徒生的熊  阅读(8)  评论(0)    收藏  举报