行内盒子 , 一旦使用了 浮动 / 绝对定位 / 固定定位 就可以将该盒子看做 行内块元素 盒子 , 为该盒子设置宽高等属性 ;
在学习CSS时，我们需要搞清楚HTML 标签的一些分类，HTML 一般可分为块元素、行内元素以及行内块元素，不同的种类在呈现上有着不同的表现形式。
注意：以上方法是让块级元素水平居中，行内元素或者行内块元素水平居中给其父元素添加 text-align:center 即可
提起，z-index大家脑海里可能会立刻浮现这样的知识点：“z-index的值大小控制元素在Z轴上显示的层级，z-index越大显示的层级越高（也就是在最上层，离观察者越近），没有指定的按照出现顺序堆叠，此外z-index不能跨父元素比较。
HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。
新浪导航栏的核心就是因为里面的字数不一样多，所以我们不方便给宽度，还是给padding ，撑开盒子的。
其实，CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。
为 span 标签设置的 宽高 都是无效的 , 设置的 200 x 200 像素的宽高 , 显然没有成功 , 行内元素的宽高只取决于 元素 本身的宽高 ;
继上周我们讲解了所有常用的CSS选择器以及CSS选择器的优先级。到目前为止，你是不是觉得静态页面布局简单了很多，而不是单单使用类名选择器（虽然很好用）来操作了。通过其它选择器的配合使用，页面布局显得不再那么让人“捉急”。但是有不少人在这个时候遇到了问题，多种多样的标签给我们的布局操作带来了一定的难度，因其种类繁多，大家在使用的时候出现了“选择困难症”。为此，今天的这篇文章主要为大家讲解网页中常用的标签以及它又是如何进行分类的。 本文内容概要： 1 行元素的使用 2 块元素的使用 2 行、块元素的特性区别 4
文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。
元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。
http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html
作用: 网页的标签非常多,在不同的地方会使用不同类型的标签,了解他们的特点可以更好的布局我们的网页.
补充第15点：对于position属性，除了static值不开启定位，其他的relative、absolute、fixed、inherit都会 开启定位 ！一般我们最常见的relative是为absolute服务的！来看一种情况，设置position:absolute，如果父元素是<body>，不管父元素是否开启定位，绝对定位会相对于当前页面；如果父元素不是<body>，并且开启定位的话，绝对定位会相对于父元素
就可以将a标签转换成块元素，然后就可以对其指定宽度和高度了，这样我们就可以实现一个有宽度和高度的链接元素了。
为了 不同场景应用不同显示模式，更好布局页面，我们需要系统学习元素的显示模式。
这六个标题标签在页面中的重要性是有区别的，其中 h1 标签的重要性最高，h6 标签的重要性最低。
在HTML中行内元素和块元素间的区分，本质上是其标签默认存在了一个 display 属性，当 display 属性的值为 block 那么所对应的标签即为块元素，反之当值为 inline 则标签为行内元素。
说明: 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。
网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等
2018/11/16更新： 最近在使用这个导航栏的时候，发现页面在放大和缩小的情况下，导航栏的布局和显示都有些小问题，所以重新改了一下css部分的代码，重新贴上来
1.html5 HyperText Markup Language 5.0 超文本标记语言5.0 2.页面基本框架 <!DOCTYPE html>
块元素的基本语法 1. Html块元素 ，块元素在开始时候通常以新行开始，比如h1，p，ul 2.内联元素，通常不会以新行开始，比如a，b，img 3.html的div元素，div也被称为块元素,其主
在 CSS 样式中设置属性值 display: block; , 可以将 行内元素 转换为 块级元素 ;
将 上面的 块级元素 设置为 浮动 , 则该元素 从 标准流 布局 中脱离, 则 标准流布局 只剩下另一个 div 元素 ;03
HTML标签分为2种，一种是“一般标签”，另外一种是“自闭合标签”。一般标签有开始符号和结束符号，自闭合标签只有开始符号没有结束符号。
特点：宽度默认是100%，高度默认是0，可以设置宽度和高度，会继承父级的宽度，换行显示—div ul li p h1
[TOC] 什么是HTML HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 （<html>） HTML 标签通常是成对出现的
文章目录 一、盒子模型位置摆放三大机制 - 普通流、浮动、定位 二、行内块元素的摆放缺陷 一、盒子模型位置摆放三大机制 - 普通流、浮动、定位 ---- 盒子模型位置摆放三大机制 : 普通流 : 默认的摆放样式 ; 块级元素 摆放 : 每个 块级元素 独占一行 , 排列顺序 从上到下 ; 如 : div , p , h1 等 ; 行内元素 摆放 : 多个 行内元素 在同一行显示 , 排列顺序 从左到右 , 显示到边缘 自动换行 ; 如 : span , strong , a 等 ; 浮动 : 盒子模
文章作者：Tyan 博客：noahsnail.com | CSDN | 简书
HTML作用单纯，只关注语义，比如< h1>是一级标题，< p>是一个段落，他不愿意去美化修饰，因为写起来麻烦，只能一行一行的修改。
网页的布局本质就是把网页的元素（图片，文字都）都放入盒子里面，然后按照自己的需要摆放盒子的过程就是网页布局。
众所周知，前端内容多而杂，经过查阅各种资料，总结了一些知识点，以备后续复习使用。文章分为上（html，css）中(js)下(vue)三部分。
content-box : width = 内容的宽度 height = 内容的高度
在html中，都有哪些块级元素呢？笔者来给大家汇总一下，以下是HTML中所有的块级元素：
块元素： 1、块元素不在独占页面的一行 2、脱离文档流以后，块元素的宽度和高度默认都被内容撑开
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
本博客所有文章如无特别注明均为原创。作者：十月梦想 ，复制或转载请以超链接形式注明转自 十月梦想博客 。 原文地址《HTML的行元素和块元素》
网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢？
文/小魔女 1 本文简介 面试大厂,HTML/CSS,JS,网络基础这三块硬知识是必不可少的 我整理了一些备考笔记，分享给大家 初中级前端到高级前端的蜕变，从基础知识开始~ 分享小魔女的音乐 2 块元素和行元素 2.1 请说出3个H5新增的块元素，并介绍他们的应用场景 aside:表示article元素内容之外，与article元素内容相关的辅助信息 figure:代表一个块级图像，包含说明。figure添加标题时，与figcaption元素结合使用。 dialog:表示几个人直接的对话。与dt和dd元素
如果要 将一个 块级元素 的 盒子模型 设置为 水平居中 样式 , 需要设置以下两项 :
<meta name="viewport" content="width=device-width, initial-scale=1.0">
常见的块元素有：ul列表、form表单、h1-h6标题、hr水平线、p段落、div
HTML 标签原本被设计为用于定义文档内容，但随着HTML的 发展，为了满足页面设计的更多要求，HTML增加了许多的显示功能，导致HTML变得越来越杂乱，页面也越来越臃肿，于是CSS便应运而生了。 CSS (Cascading Style Sheets) 即层叠样式表，用来美化HTML标签。通过使用CSS可以实现表现和内容的分离，同时提高了页面浏览的速度，也更加的易于维护和改版
HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下：
问题由来：中嵌套标签，两个都是块级元素，按理应该可以正常显示，但是最后的结果居然是多出来一段的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。03
中嵌套
的效果，所以就在网上找了许多关于标签嵌套规则的资料，下面做一个个人总结。
在html中我们不能直接书写一些特殊符号，比如连续多个空格，比如字母两侧的大于和小于号
HTML是网页的裸框架，但是现在已经是2020年了，你再做出一个80年代的网页来，恐怕是没HR要你了。所以学习CSS的重要性可想而知，CSS用途很广，是一门独立的编程语言，能美化网页，也能进一步提高自己的审美level。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
