一.元素的显示方式 display 取值： 1.block 让元素的表现和块级一致 2.inline 与行内元素一致 3.inline-block 与行内块元素一致 4.table 与table一致 5.none 不显示元素，隐藏 块级：独占一行，可以设置尺寸，上下外边距有效 行内：共用一行，尺寸无 ...
分类：
Web程序 时间：
2020-02-10 10:10:16
阅读次数：
97
第一种方案 BFC(Block Formatting Context) 块级格式化环境/布局环境 BFC是CSS中的一个隐含属性，开启BFC该元素会变成一个独立的布局区域 元素开启BFC的特点： 1.开启BFC元素不会被浮动元素覆盖 2.开启BFC元素子元素和父元素外边距不会重叠 3.开启BFC的元 ...
分类：
其他好文 时间：
2020-02-05 13:23:36
阅读次数：
65
html块 1、div标签 块元素，表示一块内容，没有具体的语义。2、span标签 行内元素，表示一行中的一小段内容，没有具体的语义。 含样式和语义的标签 1、em标签 行内元素，表示语气中的强调词2、i标签 行内元素，原本没有语义，w3c强加了语义，表示专业词汇3、b标签 行内元素，原本没有语义， ...
分类：
Web程序 时间：
2020-02-03 10:22:11
阅读次数：
103
文档流 文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。 浮动特性 浮动元素有左浮动(float:left)和右浮动(float:right)两种 浮动的元素会向左或向右浮动， ...
分类：
其他好文 时间：
2020-02-03 09:57:22
阅读次数：
71
元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 块元素块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为： 支持全部的样式 如果没有设置宽度，默认的宽度 ...
分类：
其他好文 时间：
2020-02-03 09:44:48
阅读次数：
58
第一种可能性是样式重置导致 去掉list style:none; 第二种可能性是设置了 {margin:0;padding:0} 可以在需要的位置加上margin left:10px;(根据自己需要设定) 有序列表需要一定的边距才可以设置的 ...
分类：
其他好文 时间：
2020-01-30 18:54:51
阅读次数：
73
1. 块元素与行内元素 2.列表 无序列表： ul 有序列表： ol 定义列表： dl 3. 表格的建立 基本的语法： <table> <tr> <td>单元格1</td> <td>单元格2</td> </tr> <tr> <td>单元格4</td> <td>单元格5</td> </tr> </ta ...
分类：
Web程序 时间：
2020-01-25 18:16:36
阅读次数：
100
什么是圣杯布局以及双飞翼布局 上图就是一个经典的圣杯布局和双飞翼布局的模型，即三列结构，左右两边定宽，中间自适应，能根据屏幕大小做响应。 实现方式 浮动(经典方式) 在介绍这种方式之前要先说一下margin设置负值的作用： 1. /`margin left`设置负值会将元素拉入对应位置 可以看到，当 ...
分类：
其他好文 时间：
2020-01-22 18:09:49
阅读次数：
60
来源：第五天 01盒子水平居中 一、盒子中文字控制： 1.text-align: center; /*可以让盒子内容（文字 行内元素 行内块元素）居中对齐*/ 二、让盒子水平居中对齐： 方法1.margin: 0 auto; /*通俗写法 0 auto 上下是 0 左右是auto 水平居中对齐 */ ...
分类：
Web程序 时间：
2020-01-21 15:58:46
阅读次数：
83
前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 ? CSS盒子模型是CSS基础中的基础，个人之前对于这块的理解有偏差?，由于涉 ...
分类：
Web程序 时间：
2020-01-21 12:07:49
阅读次数：
113
