1) ⾏内元素特点
和其他⾏内元素都在⼀⾏显⽰;
元素的⾼度、宽度、⾏⾼及外边距顶部和外边距底部元素不可设置
宽度就是它包含的⽂字或图⽚(内容)的宽度
标签有以下
<span>span普通标签
<strong>加粗:strong标签强调语⽓</strong>
<b>加粗:b加粗标签 被strong替换
<em>倾斜:em标签强调语⽓</em>
<i>倾斜:i标签</i> 被em替换
<del>删除线标签;del取代了s标签
<s>删除线标签</s> 被del替换
<ins>插⼊⽂档中的⽂本, ⽂字以加下划线⽅式显⽰
<u>下划线标签</u> 被ins替换
<br /> 换⾏标签
<sub>下标⽂本</sub>
<sup>上标⽂本</sup
<a href="#"/name="" target="">超链接标签</a>
Href :规定⽬标链接 # id名称 :跳转到对应的ID名元素位置上还可做下载功能 ;不推荐
target :在何处打开链接⽂档
_blank : 新窗⼝打开目标文档
_self : 默认当前窗⼝打开
_parent : 在⽗级窗⼝打开
_top : 在整个窗⼝打开
四种样式效果
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ 滑过可用于多出
a:active {color: #0000FF} /* 选定的链接 */
提示:在CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
链接下划线样式
text-decoration 属性大多用于去掉链接中的下划线
<img src="" alt="" title="" width="" height="">
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
Src : 图⽚显⽰的路径
Alt :图⽚未正常显⽰的代替性⽂字
title :图⽚标题提⽰性信息(⿏标划上提示)
2)块级元素特点
⼀个块级元素独占⼀⾏
元素的⾼度、宽度、⾏⾼以及顶和底边距都可设置,外边距与内边距均可设置。
元素宽度在不设置的情况下,是它本⾝⽗容器的100%(和⽗元素的宽度⼀致),除⾮设定⼀个宽度
<div>盒⼦标签</div>
<p>段落标签</p>
P标签不能嵌套Div标签
<hr>创建横跨⽹页⽔平线的标记
<ul type="">⽆序列表去掉默认样式
Li{list-style}:none
<li>1</li>
<li>2</li>
</ul>
type : 列表的项⽬符号类型 (h5不⽀持了,我们会采⽤css)
disc :默认值。实⼼圆。
circle : 空⼼圆
square :实⼼⽅块
<ol type="" start="">有序列表
<li>1</li>
<li>2</li>
</ol>
start : 规定列表中的起始点
type : 规定列表的类型 1 A a i I
reversed : 顺序 (h5 中的新属性。)
true 正序
false 倒序
<dl>⾃定义列表
<dt>dt</dt>
<dd>dd</dd>
</dl>
身前、shen
h1~h6标题标签
标题(Heading)是通过
-
等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>⼀级标题</h1> <h2>⼆级标题</h2>
<h3>三级标题</h3> <h4>四级标题</h4>
<h5>五级标题</h5> <h6>六级标题</h6>