标签（空格分隔）： 标签+样式
- dl标签
<dl>
<dt>计算机</dt>
<dd>计算机的第一次课程</dd>
<dt>计算机</dt>
<dd>计算机的第一次课程</dd>
</dl>
定义和用法
- dl标签定义了列表
- dl标签用于结合dt(定义了列表中的项目)和dd(描述了列表中的项目)
行内标签和块级标签
-
行内标签
- a img span em strong
- a标签:主要用来链接一个页面
- img标签:图片引用标签
- span标签:主要用来对行内的文字进行一些样式操作
- em标签:主要用来对文字进行强调,用斜体体现出来
- strong标签:主要用来对文字进行强调,用加粗字体体现出来
- a img span em strong
-
块级标签
- div p ul li h1-h6 dl dt dd
- div:用于页面布局
- p:用于划分文章段落
- ul:无序列表标签
- li:列表中的主体使用标签
- dl:定义了列表标签
- dt:定义列表中的项目
- dd:描述列表中的项目
- h1-h6: 6级标题标签 字体的大小依次变小
- div p ul li h1-h6 dl dt dd
区别:
- 行内标签:在一行内显示,不能设置宽度和高度
- 块级标签:独占一行,可以设置宽度和高度
嵌套规则:
- 块级标签可以嵌套行内标签,但是行内标签不可以嵌套块级标签
- p标签不可以套块级标签,但是可以套span,a标签
样式的引入三种方式:
- 外链式
<link rel="stylesheet" type="text/css" href="css/style.css"> - 内联样式
<span class="tit" style="color:pink;">王者荣耀</span> - 内部样式
<style type="text/css"> .kkk{ color:yellow !important; } </style>
样式的写法
font-family: "Microsoft YaHei", Helvetica, sans-serif;
