HTML的骨架中身体部位用来放置正文的内容以及网页布局的最初样子,主要用的元素分为两类,即块级元素以及行内元素
块级元素指独占一行,一行都被一个元素来占据的类型,代码中写的块级元素会依次在下方显示,而不是同一行显示,块级元素内可以放块级元素也可以放行内元素,他们的宽高可以直接设置,也可由块级元素内里的东西进行撑开,块级元素通常应用于布局网页,他们的属性值由diplay(显示模式来设定)块级元素的初始默认display值为(block)即块级的意思,常见的块级元素有:
行内元素则指代多个相同或不同但都为行内元素的标签可以在页面上在同一行依照标签顺序排列,即可以并存在同一行,并不会出现一个标签占满一行的事情出现,行内元素的宽高不能通过CSS直接进行设置,行内元素常用于控制页面中文本的样式,他们的属性值由diplay(显示模式来设定)行内元素的初始默认display值为
即行内元素
块级元素和行内元素的不同可以用来应用网页布局的不同场景,而不同元素的属性值和默认参数的不同也导致有些时候一些元素更适合应用在其他地方,例如块级元素 div 可以用来进行网页的基础框架构造,而有些时候我们想让他们可以像行内元素一样一排排列,这个时候就需用应用到display的另一种属性值,即行内块元素(inline-block)行内块元素的属性很简单明了,继承了行内元素可以同行排列的特性,也继承了块级元素排列的时候中间会有空隙,可以直接设置宽高的特性,这样就可以让块级元素进行同行排列来布局网页。
在HTML里这些属性都需要用标签的形势来表现出来,即双标签或者单标签,通常双标签格式为中间放入内容 ,/表示结束,常见的双标签有
-
等
单标签则是直接以来出现