块元素基本介绍

<块元素特点是竖直排列,宽度占满整行,宽度占100%,另起新行

常用的块元素标签有:div,ul,li,ol,h1~h6,dl,dt,dd


div:无语义标签;和span在行元素里的地位相同

<div>

    测试字段

</div>


无序列表:

ul>li

<ul>

     <li>测试1</li>

     <li>测试2</li>

</ul>

效果:

注意:必须配合使用,不能只出现ul或者li,ul的子元素必须是li

可以在ul里加入属性改变前面那个点的样式:

type="circle"空心圆点

type="square"方形

如:

<ul type="circle">

    <li></li>

</ul>


有序列表:

ol>li

<ol>

    <li>测试1</li>

    <li>测试2</li>

</ol>


type的属性值:a,A,i,I



dl,dt,dd的用法:

<dl>-------一定要用这个包住下面两个,dl的子元素只能是dt,dd

    <dt>html</dt>-------------标题

    <dd>html5是html的第五个演进版本</dd>---------------内容

<dl>



p----段落--一般用于一大段文字

<p>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

</p>



h1~h6------标题

h标题要一级一级的往下用,不能跳着来用,这是规范。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,861评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,668评论 32 459
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,239评论 0 8
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,612评论 1 19
  • 感恩学员 彭少霖 供稿【目前课程已经更新80%,本文部分课程内容为当时课件引用】 我的事务较多,平时身体健康、家庭...
    陈妙华阅读 1,089评论 1 6