美文网首页
块元素基本介绍

块元素基本介绍

作者: 风之旅途 | 来源:发表于2017-02-10 21:00 被阅读0次

<块元素特点是竖直排列,宽度占满整行,宽度占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标题要一级一级的往下用,不能跳着来用,这是规范。

相关文章

  • 块元素基本介绍

    <块元素特点是竖直排列,宽度占满整行,宽度占100%,另起新行 常用的块元素标签有:div,ul,li,ol,h1...

  • 三、样式初始化

    1、基本样式初始化 2、元素类型转换 元素类型分为:块级 行内 和 内联块级 (1)块级元素: 块级元素会占据...

  • CSS 布局_3 Position元素定位

    1. position 属性 position 属性,设置元素位置 我们之前已经介绍过行元素,块元素及行内块元素的...

  • CSS基本属性

    Css基本属性 宽高 , 宽高对块级元素与行内元素作用范围不同。1.PNG 块级元素 vs 行内元素 块级元素1,...

  • 块级元素、行内元素、替换元素和非替换元素解析

    《CSS权威指南》读书笔记以及知识补充 基本元素类型划分 块级元素和行内元素 块级元素块元素会生成一个元素框,会默...

  • Css 的块级元素 和行内元素的区别

    块级元素与行内的元素的区别 块级元素和行内元素是布局最基本的两种元素,我们都知道常见的块级元素有div,p,for...

  • H5学习从0到1-H5的块标签的使用(9)

    块元素的基本语法 1. Html块元素 ,块元素在开始时候通常以新行开始,比如h1,p,ul 2.内联元素,通常不...

  • CSS浮动

    浮动简介 基本概念 标准流:是元素排列的默认状态,块级元素从上到下排列,行内元素从左到右排列。 块元素:元素独占一...

  • 基本的块元素与行内元素,input

    接触前端有一段时间了,期间也学会了很多元素。现在我带大家了解下最基本的块元素与行内元素。 块元素: List-st...

  • 管窥——块级元素与行内元素

    块级元素(block elements)与行内元素(inline elements)是构建html世界的基本元素,...

网友评论

      本文标题:块元素基本介绍

      本文链接:https://www.haomeiwen.com/subject/rjknittx.html