（PS：span是内联元素，

css居中大全Horizontally水平居中内联元素text-align:center;块级元素margin:0auto;多个块级元素display:flex;justify-content:center

常用的块级元素：div，p，h1，ul，ol特点：从新行开始有宽度、行高宽度默认页面100%可以容纳内联元素和其他元素。二、行内元素（inl

关于文档流文档流：文档内元素流动的方向（内联元素从左往右流，块级元素从上往下流）块级元素的高度由其内部文档流元素的高度总和决定【不是相等】块级元素从上往下流，每个另起一行内联元素：左往右流，宽度不够另起一行英文单词默认不换行

01|字母xCSS世界中隐匿的举足轻重的角色因为涉及到排班或者说对齐的,其实都是离不开一个基本的概念:baseline(基线)line-height行高的定义就是两基线的间距,vertical-align的默认值也是基线(字母x的下边缘)!01|字母X与CSS中的x-height其中x-height是CSS中的一个概念,表示小写字母x的高度,其术语的意思表示为baseline和midline之间的

块级元素与内联元素块级元素块级元素通常用于创建页面结构的“块”，它们在页面中占据整行显示。：块级元素，

html行内元素（内联元素），块级元素分别有哪些？常用的分类包括行内元素（内联元素）和块级元素。

块状元素在页面显示中独占一行，可以定义宽高，就像这样：但行内元素可以并排显示，那么如果想要实现块状元素像内联元素一样可以并排显示的话，就需要给元素设置浮动属性。

目录一、HTML列表1.无序列表2.有序列表3.自定义列表4.列表标签二、HTMLdiv和span1.区块元素2.内联元素3.div元素4.span元素5.HTML分组标签6.div和span的区别三、

可以使用border-style:dashed测试查看(只针对块级元素不针对内联元素)设置属性background-clip:content-box/padding-box/border-box(默认)

注意：行内元素没有属性width和height还有margin-top和margin-bottom对内联元素（行内元素）的高度没有影响，并且由于margin是透明的，他也没

一、水平居中内联：爸爸身上写text-align:center;实现：我是内联元素我需要水平居中.el{border:1pxsolidred;width:20px;height:20px;}.wrapper

一.概念（根据单独占一行还是一行有多个来分类）二.分类1.块元素（但独占一行)2.行内元素（内联元素）（一行可以有多个）3.行内块元素（一行可以有多个）4.总结三.转换

标准流中的元素按照块级元素和内联元素的性质进行排列。块级元素会独占一行，从新行开始，并且会在前后自动换行。而内联元素不会独占一行，它们会在一

内联元素内联元素一般出现在句子中，在浏览器中显示时不会像块级元素进行换行。以下元素都是内联元素、、、、、、、、、、、、、、、、。块级元素能够包含其他块级元素和内联元素。

html中标签有很多，主要分为三组，分别是块级元素、内联元素、内联块级元素。块级元素常见的块级元素有~、、、、、等，其中标签是最经典的块级元素。特征：一行只能放一个，有宽高。

常见标签说明粗体斜体下滑线删除线换行水平线无序列表有序列表helloworld有1-6级标题这是一个段落标签coffeetea2.元素与属性块级元素在页面以块的形式展现出现在新的一行占全部宽度内联元素通常在块

所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉2.内联元素盒模式盒模型分成内容区、内边距、边框、外边距四个部分内联元素不能设置width和heightwidth:

一.区块元素大多数HTML元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新的行开始。例如：、、、等。它们在使用时会独自占据一行，称为块元素。

今天开始学习前端项目，遇到了一个Bug调了好久，即使margin为0，但还是有空格。小黑整理，用四种方法解决了空白问题原始状态:小黑无敌酒量老黑驴三种方法:(1)通过设置父元素font-size,消灭空格:小黑无敌酒量老黑驴(2)通过设置float属性:小黑无敌酒量老黑驴(3)margin设置为负数:小黑无敌酒量老黑驴(4)word-spacing设置为负数:小黑无敌酒量老黑驴下班，准备先弹琴再上

如果要居中的块级元素直接是内联元素（span、img、a等），直接在其父级元素上加上属性text-align:c

原创技术文章ex单位、内联盒子模型、行高与内联元素.png字母x与css中ex单位之间的概念上面也说过了,vertical-align:middle并不是绝对的垂直居中于文字对齐!

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：、、...

告诉浏览器如何构造网页Loremipsumdolorsitamet起始标签+内容+结束标签PartⅡ——>用来解释文档的类型PartⅢ01块级元素在页面以块的形式展现，出现在新的一行，占全部宽度...02内联元素通常在块级元素内

*内联元素：（行内元素）所谓的行内元素指的是只占自身大小的元素，不会占用一行常见的内联元素：spanaimgiframespan没有任何语义，span标签专门用来选中文字，然后为文字来设置样式*盒子模型

文章目录常见元素类型块元素内联元素空元素修改元素类型测试元素类型盒子模型标准文本流:外边距和内边距测试盒子模型常见元素类型块元素常见块元素:divph1~h6ulliimg这些元素结束之后自带换行，一行只能存在一个元素

HTML实体转义块级元素（相当执行了display：block操作）行级元素（内联元素）（相当执行了display：line操作）块级标签转化为行级标签块级标签转化为行级标签w3c(WorldWideWeb

1水平居中1.1内联元素水平居中利用text-align:center可以实现在块级元素内部的内联元素水平居中。

Menutag列表tag例子tag列表短引用-段落中某句话的引用-内联元素长引用-自成一段的引用，会缩进-块元素回车-void元素特殊字符如：")翻译；或者查看tag例子(效果复制到html文件里查看)

文章目录什么是HTML元素（标签）行内元素/内联元素（inline）块元素（block）行内块元素（inline-block）属性对大小写不敏感标题什么是em？和px是什么关系？

交互表单h1-h6-大标题hr-水平分隔线ol–有序列表p-段落ul-无序列表fieldset-表单字段集colgroup-col-表单列分组元素table-tr-td表格及行-单元格pre-格式化文本内联元素

常见的行内元素有：：用于对文本或其他内联元素进行分组或添加样式。：表示强调的文本。：表示斜体强调的文本。：用于创建超链接。：用于插入图像。：用于创建用户输入字段。

一、基础知识1.内联元素：独占一行的元素如：div、p、h2.内联元素（行内元素）：span、a3.选择器：元素选择器、id选择器、类选择器、通配选择器等后代选择器：选中指定元素的指定后代元素；语法:祖先元素后代元素

新的内联元素包括time、meter和progress超文本标记语言(HTML)5第一次向HTML中引入新的元素。新的结构元素包括aside、figure和section。新的内联元素包括time、

浏览器默认样式：内联元素

floatCSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性（与绝对定位相反）。

div高度由其内部文档流元素的高度总和决定特别核心的知识点什么是文档流文档内元素的流动方向1.内联元素从左往右流动如果流动遇到阻碍就换行继续2.块元素就不从左往右了，每一块都占一行，另起一行从上往下一个一个

一、image之间的间隙  块级元素包含内联元素如图片文字等时，内联元素默认是和父级元素的baseline（基线）对齐的，而baseline又和父级元素底边有一定的距离（这个距离和font有关，不一定是

内联元素不支持宽(width)和高(height)支持水平方向的内边距和边框外边距支持只水平方向不支持垂直display的none和visibility的hidden相同点display的none和visibility

元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域

是默认的网页布局方式特点块状元素占据单独的一行，从上至下排列内联元素会从左至右排列Float(浮动模型)网页元素可通过设置float属性值浮动，利用浮动特性布局Layer(层模型)设置网页元素position

标准文档流的组成根据标准文档流的排列规则，标准文档流由块级元素和内联元素两类元素组成。块状元素块级元素是指以一个块级形式表现出来，并且跟同级的兄弟块依次竖直排列，左右撑满。

①，内联元素从左到右排列，块级元素从上到下排列②，元素可脱离文档流，浮动，绝对/绑定定位可以使元素脱离文档流，如果一个块级元素内的子元素脱离文档流，则文档流高度就不包含该脱离的元素，块级

一、元素分类在html中的标签元素大体被分为三种不同的类型：块状元素、内联元素（又叫行内元素）和内联块状元素。

编程笔记html5&css&js012HTML分块一、HTML块级元素二、HTML内联元素三、HTML``元素四、HTML``元素五、HTML``元素六、`元素和元素`的区别与联系小结像报纸排版一样，很多时候需要把平面划分为多个块

块级元素有块级元素通俗来讲就是块级元素一般是其他元素的容器元素，能容纳其他元素或内联元素。......

块级元素和行内元素1、基本概念在HTML5之前，HTML元素被分为两类：块级元素(block-levelelements)和行内元素(inline-levelelements)，或称为内联元素。

内联元素也会遵循盒模模型基本法则，如定义padding，border，margin，background等属性，但是个别属性不能正确显示。可变

h5文档声明及其作用告知浏览器使用哪种html或xhtml规范html元素块元素h1-h6,p,div,ul,ol,li,dl,dt,dd,form,table,tr,td,th,hr,fieldset内联元素

水平居中内联元素在父