盒子的六个属性：1·width属性 2.height属性 3.内边距（padding）4.边距（border）5.外边距（margin）6.背景属性（background） 垂直居中的条件：单行文字垂直居中，行高等于高度值 当行高小于高度，文字偏上；当行高大于高度，文字偏下。 盒模型的宽度=左外边距 ...
分类：
其他好文 时间：
2020-11-26 14:08:53
阅读次数：
5
Css的元素显示模式 ##块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ，其中<div>标签是最典型的块元素块级元素的特点：1.比较霸道，自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是一 ...
分类：
Web程序 时间：
2020-11-24 12:46:25
阅读次数：
12
box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 属性值 content-box默认值，标准盒子模型。 width 与 height 只包括内容的宽和高， 不包括边框（border），内边距（padding），外边距（margin）。注意: 内边距、边框和外边距都在这个盒子的外 ...
分类：
其他好文 时间：
2020-11-16 13:10:20
阅读次数：
2
所有HTML标签都是盒子模型 div标签自定义盒子模型 class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。 盒子模型组成部分： 自身内容：width、height 宽高内边距： padding盒子边框： border 边框线与 ...
分类：
Web程序 时间：
2020-09-17 16:35:58
阅读次数：
44
div标签自定义盒子模型class和id的主要差别是：class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。 自身内容：width、height 宽高内边距： padding盒子边框： border 边框线与其他盒子距离： margin 外边距内容+内边距+边 ...
分类：
Web程序 时间：
2020-09-17 16:26:29
阅读次数：
37
知识点一：外边距 1、回顾盒子模型包含：内容、内边距、边框、外边距 2、定义：盒子的边框与其他元素或者浏览器边缘之间的距离 3、使用： ① 上外边距 margin-top: 100px; ② 左外边距 margin-left: 80px; ③ 下外边距 margin-bottom: 50px; ④ ...
分类：
Web程序 时间：
2020-08-18 15:37:29
阅读次数：
108
CSS盒子模型 1. 盒子模型的组成 CSS盒子模型本质上是一个盒子，封装周围的HTML元素。 包括：边框border、外边距margin、内边距padding、实际内容content。 2. 边框border div { border: border-width border-style bord ...
分类：
Web程序 时间：
2020-08-09 17:57:49
阅读次数：
82
1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin） 2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严格要求） 单独书写：border-width（宽度，默认3 ...
分类：
Web程序 时间：
2020-07-24 09:46:07
阅读次数：
103
盒模型主要有四个区域： 内容content 内边距padding 外边距margin 边框border 实现让块状元素居中 margin:auto; margin：上 右 下 左 上下外边距合并 ...
分类：
Web程序 时间：
2020-07-18 22:27:34
阅读次数：
79
内边距：padding padding-top: padding-right: padding-bottom: padding-left: 简写方式： padding：上 右 下 左 ； padding：10px 10px；（上下，左右） 注意：padding会撑大盒子宽度 ...
分类：
其他好文 时间：
2020-07-18 16:00:39
阅读次数：
58
