前端常备知识点——HTML及CSS

最新推荐文章于 2022-10-23 21:39:39 发布

DecadentF

最新推荐文章于 2022-10-23 21:39:39 发布

阅读量311

点赞数 1

分类专栏： web前端笔记 web前端-HTML web前端-CSS 文章标签： html css

本文链接：https://blog.csdn.net/DecadentF/article/details/105266572

版权

一、块级元素及行内元素

概念：

块级元素： 总是独占一行，将后面的元素挤到新的一行。
行内元素： 紧挨着显示，不会自动换行。

特性：

块级元素： 可以设置宽高、内边距、外边距。可以包含块级元素和行内元素。
行内元素： 不可设置宽高（img、input、select、button、textarea等除外），设置内边距、外边距只对左右起作用。只可包含行内元素和文字。
因此将块级元素设为行内元素时，一般使用 display: inline-block,而不是display:inline。不过这样设置后浏览器会将HTML标签间的换行符、制表符、空白符合并成空白符，造成视觉上元素间有空隙，可以通过设置 font-size 为 0 来解决这种情况。其他方法可以参考去除inline-block元素间间距。

常见标签：

<!--块级元素-->
<div>、<p>、<h1>~<h6>、<ol>、<ul>、<li>、<dl>、<dt>、<dd>、<table>、<thead>、<th>、<td>、<tbody>、<tfoot>
<!--行内元素-->
<a>、<span>、<img>、<input>、<textarea>、<select>、<b>、<br>、<label>、<strong>

二、HTML文件的大致构成

<!--文档类型声明-->
<!DOCTYPE html>
<!--HTML文件根元素-->
<html>
	<!--头部元素，定义页面相关信息，不展示-->

最低0.47元/天解锁文章

DecadentF

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端常备知识点——HTML及CSS

一、块级元素及行内元素概念：块级元素：总是独占一行，将后面的元素挤到新的一行。行内元素：紧挨着显示，不会自动换行。特性：块级元素：可以设置宽高、内边距、外边距。可以包含块级元素和行内元素。行内元素：不可设置宽高（img、input、select、button、textarea等除外），设置内边距、外边距只对左右起作用。只可包含行内元素和文字。因此将块级元素设为行内元素时...
复制链接

扫一扫