块级标签

块级标签

1)div标签

div标签:搭建网页结构的基本标签,无语义标签,双标签宽度:100% ; 高度自适应;独立成行——默认垂直布局。

<div></div>
2)标题标签

标题标签:h系列标签h1-h6,h1定义最大标题(同一个页面中h1只能使用一次),从h1-h6大小依次减小,重要程度依次减弱,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距和加粗。

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
3)段落标签

段落标签:p标签,用于排版大段文本,双标签,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距。

<p></p>
4)强制换行标签

强制换行标签: br标签,单标签,空的HTML元素

<br>
5)列表标签

列表标签:无序列表ul>li ,列表符为实心圆,宽度100%,高度自适应,独立成行——默认垂直布局,自带间距、填充;自带列表符。

<ul>
	<li></li>
</ul>

清除自带列表符:

{list-style:none;}

列表符样式:

{
	list-style : disc; /*实心圆*/
    list-style: circle; /*空心圆*/
    list-style: decimal; /*数字*/
    list-style: square; /*正方形*/
}
6)有序列表

有序列表:ol>li,默认使用数字标记<ol start="2">
start属性:开始值;
type属性:列表项的符号类型1、a、A、i、I;
reversed=“reversed”:倒序,简写为reversed。

<ol>
	<li></li>	
</ol>
7)自定义列表

自定义列表:dl>dt/dd,
dt:列表标题或专业术语;
dd:列表项或专业术语的解释;
注意:浏览器中,dd内容默认会缩进显示;
宽度:100%,高度自适应,独立成行——默认垂直布局。

<dl>
	<dt></dt>
</dl>
<dl>
	<dd></dd>
</dl>
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值