1.什么是BFC BFC（Block Formatting Context）块级格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 2.形成BFC的条件 根元素； float为除none以外的值； overflow为除了visiable以外的值， ...
分类：
其他好文 时间：
2020-09-23 22:57:37
阅读次数：
47
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ （1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box） （2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分 IE ...
分类：
Web程序 时间：
2020-07-27 13:40:50
阅读次数：
147
盒子模型 1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说 ...
分类：
Web程序 时间：
2020-07-19 18:06:47
阅读次数：
100
盒模型主要有四个区域： 内容content 内边距padding 外边距margin 边框border 实现让块状元素居中 margin:auto; margin：上 右 下 左 上下外边距合并 ...
分类：
Web程序 时间：
2020-07-18 22:27:34
阅读次数：
79
外边距：margin margin-top： margin-right: margin-bottom: margin-left: 简写方式： margin：30px；（上下左右都30px） margin：30px 50px；（上下，左右） margin：上 右 下 左； ...
分类：
其他好文 时间：
2020-07-18 15:57:14
阅读次数：
58
相邻的border会平分所占的区域，出现一个斜线， .my_triangle{ width: 10px; height: 10px; background-color: blue; border-width: 100px ; border-style: solid; border-left-colo ...
分类：
其他好文 时间：
2020-07-13 18:40:16
阅读次数：
71
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制，移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元 素浮动后也可以设置宽高.(类似不代表是,浮动后的盒 ...
分类：
其他好文 时间：
2020-07-05 20:55:51
阅读次数：
105
#盒模型-Box Model,用来对HTML元素布局时使用 组成部分：元素内容content、内边距padding、边框border、外边距margin #内边距padding padding-top/right/bottom/left 简写属性padding #边框border border-st ...
分类：
Web程序 时间：
2020-07-04 17:15:06
阅读次数：
70
CSS 中文开发手册 视觉格式化模型 | Visual formatting model (Miscellaneous) - CSS 中文开发手册 CSS 可视化格式模型是一种处理文档并将其显示在可视化媒体上的算法。这个模型是CSS的基本概念。 可视化格式模型转换文档的每个元素，并生成零、一个或多个... ...
分类：
Web程序 时间：
2020-07-04 01:24:12
阅读次数：
64
