共有三大体系：常规流（normal flow） 浮动（float） 绝对定位（absolute position） 常规流：在没有css的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 当元素浮动后，脱离文档流。因为子级元素浮动后导致父级高度坍塌。 浮动：1.左浮动的元素向上向左排 ...
分类：
其他好文 时间：
2019-12-21 20:56:51
阅读次数：
70
盒模型（内容（content）,内边距（padding）,边框（border）,外边距（margin）） 这里做个比喻：content:比喻在网上买了几个鸡蛋； padding：比喻快递员包装鸡蛋用的防撞纸的距离，把鸡蛋牢牢的包裹起来，以免碰撞； border:外面使用包装箱的厚度； margin: ...
分类：
其他好文 时间：
2019-12-21 19:03:07
阅读次数：
78
最近在维护一些老的项目，需要兼容ie7 ，css3就不能用了，这里总结一下碰到的问题及解决方案。 1、盒模型 ie7、8 的盒模型都是 box-sizing为content-box的盒模型，这里在做的时候就要注意 2、display：inline-block 碰到使用块级元素的场景 有兼容写法 *d ...
分类：
其他好文 时间：
2019-12-20 11:44:22
阅读次数：
94
概述 HTML中存在许多元素，如<h1>,<p>,<a>,<block>,<image>,这些元素可分为三类，依次是块级元素，内联元素，块级内联元素。 每种元素都有着各自的特点： 块级元素特点 每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行） 元素的高度(height ...
分类：
Web程序 时间：
2019-12-18 15:09:21
阅读次数：
124
一 前言 在CSS 中，如果我们在块级容器上设置了属性: overflow:scroll/* x y 方向都会*/ 或者 overscroll-x:scroll/*只是x方向*/ 或者 overflow-y:scroll /*只是y方向*/ 当块级内容区域超出块级元素范围的时候，就会以滚动条的形式展 ...
分类：
Web程序 时间：
2019-12-17 17:59:24
阅读次数：
110
参考替换元素和非替换元素: https://www.cnblogs.com/lixiaodou/p/7150624.html 块级元素、行内(内联)元素和行内块元素 块状元素 块状元素代表性的就是<div>，其他如<p>、<nav>、<aside>、<header>、<footer>、<center ...
分类：
其他好文 时间：
2019-12-17 13:31:17
阅读次数：
183
常规流 又叫做文档流；在没有CSS的干预下，块级元素独占一行，宽高可设；行内元素并排显示，宽高自动。 脱离文档流 又叫做浮动流；元素在进行浮动后就是脱离文档流； 注意：浮动流在进行摆放的时候要避开常规流； 常规流在进行摆放时无视浮动流； 子级元素浮动后导致父级高度坍塌； 清除浮动 书写格式：fixe ...
分类：
其他好文 时间：
2019-12-16 22:53:37
阅读次数：
249
HTML的块级元素和行级元素 eg: 展示效果图： <head>头部元素的容器，可以添加的标签有，title、meta、base、link、script、style； meta:元数据，提供关于html的元数据，不会被展示在页面中，对于机器是可读的。主要用于对于文档的描述、作者、修改时间等记录信息。 ...
分类：
Web程序 时间：
2019-12-14 21:15:11
阅读次数：
143
转自：https://www.cnblogs.com/iverson666/p/9169274.html块级元素：块级大多为结构性标记 ... ... 地址文字 ... 标题一级 ... 标题二级 ... 标题三级 ... 标题四级 ... 标题五级 ... 标题六级 水平分割线 ... 段落 ..... ...
分类：
Web程序 时间：
2019-12-13 23:49:23
阅读次数：
322
可不可以给伪元素再添加伪元素呢？ #example:after:after{ content: "after"; } 在浏览器中刷新，测试一下会发现什么也没有显示，也就是说再给伪元素添加伪元素目前很多浏览器上是无效的，浏览器忽略掉该定义，只能识别一层伪元素，但是既然可以伪元素添加伪元素，可以期待再为 ...
分类：
其他好文 时间：
2019-12-09 01:18:11
阅读次数：
140
