前端基础HTML---内联和块元素
2021-07-26 01:55
标签：文本 nbsp div 文字 meta har col ima 就是 块元素和内联元素 div就是一个块元素 块元素有: div p h1 h2 h3.... div元素主要用来对页面进行布局的 块元素主要用来做页面布局,内联元素主要用来选择文本设置样式, 前端基础HTML---内联和块元素 标签：文本 nbsp div 文字 meta har col ima 就是 原文地址：https://www.cnblogs.com/leiyanting/p/14948707.html
所谓的块元素就是会独占一行的元素,无论他的内容有多少
他都会独占一整行
div这个标签没有任何语义,就是一个纯粹的块元素
并且不会为它里面的元素设置任何的默认样式
span是一个内联元素(行内元素)
所谓的行内元素,指的是只占自身大小的元素,不会占用一行
常见的内联元素:
a img iframe span
span没有任何的语义,span标签专门用来选中文字,
然后为文字设置样式
一般情况只是用块元素包含内联元素,而不会用内联包含一个块元素
a元素可以包含任意元素,但是除了它本身
p元素不可包含任何其他的块元素(包括他自身也不行)DOCTYPE html>
html>
head>
meta charset="utf-8">
title>内联和块元素title>
head>
body>
div style="background-color: red; width: 60px;">
我是div标签
div>
div style="background-color: aqua; width: 80px;">
我是div标签
div>
p>这是p标签p>
p>这是p标签p>
a href="#">p>这是p标签p>a>
body>
html>
