目录盒模型如何实现一个最大的正方形一行水平居中，多行居左水平垂直居中如何实现左右等高布局画三角形link @import导入cssBFC理解 回到顶部盒模型 复制/* 红色区域的大小是多少？200 - 20*2 - 20*2 = 120 */ .box { width: 200px; height: ...
分类：
Web程序 时间：
2020-07-02 16:50:41
阅读次数：
84
一、盒子模型 1.什么是盒子模型 css盒模型本质上是一个盒子，封装周围的html元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 2.标准盒子模型 根据 W3C 的规 ...
分类：
Web程序 时间：
2020-07-01 12:24:25
阅读次数：
78
在网页进行css布局时居中是经常需要用到的，其中就有css绝对定位居中，那么，css绝对定位如何实现居中？今天的这篇文章将给大家来介绍关于css绝对定位居中的实现方法。 css绝对定位居中的实现方法有很多，下面将给大家介绍css绝对定位居中的四种方法。 前端10K面试准备，最完整面试真题分享（含答案 ...
分类：
Web程序 时间：
2020-06-30 20:41:33
阅读次数：
55
每个HTML标签都会生成一个盒模型，盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型，怪异盒模型和标准盒模型，在不同盒模型 ...
分类：
Web程序 时间：
2020-06-29 21:30:24
阅读次数：
71
Flex(弹性布局)，是一种响应式布局，能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中，水平方向称为主轴(main axis)(起点main start,终点main end)；垂直方向称为纵轴(cross ...
分类：
Web程序 时间：
2020-06-29 21:27:31
阅读次数：
87
元素有行内元素(inline)、块级元素(block)以及行内块元素(inline-block)之分，对应地它们之间的盒模型也会有不同。 1. 行内元素(inline) 通过display: inline可将元素声明为行内元素，顾名思义指在行里面的元素，因此没有换行的行为。 1.1 宽度和高度 行内 ...
分类：
Web程序 时间：
2020-06-29 21:27:16
阅读次数：
101
布局(layout),指各个元素在网页里如何摆放以形成最终的页面,默认布局是从左到右、从上到下。改变元素的默认布局方式有很多种，浮动(float)就是其中一种。 1. 浮动(float) 浮动类似于word里面文字围绕图片的效果，可设置为向左(left)或向右(right)浮动。 // 元素默认没有 ...
分类：
Web程序 时间：
2020-06-29 21:27:04
阅读次数：
85
HTML&CSS面试高频考点(一) ? 6. W3C盒模型与怪异盒模型 标准盒模型（W3C标准） 怪异盒模型（IE标准） 怪异盒模型下盒子的大小=width（content + border + padding） + margin，即真实大小。 *参考标准模式与兼容模式的区别，兼容模式下为怪异盒模型 ...
分类：
Web程序 时间：
2020-06-27 17:28:19
阅读次数：
87
一 介绍一下标准的 CSS 盒子模型？低版本 IE 的盒子模型有什么不同？ 盒模型都是由四个部分组成，分别是margin，border，padding 和 content； W3C标准盒模型的属性 width 和 height 属性的范围只包括了 content； IE 盒模型属性 width 和 ...
分类：
Web程序 时间：
2020-06-22 18:39:29
阅读次数：
81
盒模型分：W3C标准的盒子模型（标准盒模型）、IE标准的盒子模型（怪异盒模型） ...
分类：
Web程序 时间：
2020-06-21 11:48:19
阅读次数：
60
