盒子模型 前言 盒子模型,英文即box model。无论是div、span、还是a都是盒子。 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。 盒子中的区域 一个盒子中主要的属性就5个:width、height、padding、 ...
分类:
Web程序 时间:
2018-07-27 22:27:50
阅读次数:
587
深入浅出padding padding是CSS盒子模型的一部分,代表盒子模型的内边距。 用法 padding属性有四个值,分别代表上、右、下、左的内边距。 此时, 的内边距为: 上内边距:10px 右内边距:5px 下内边距:15px 左内边距:20px 简写 padding属性的值可以简写,按照值 ...
分类:
其他好文 时间:
2018-07-18 23:27:25
阅读次数:
232
原文 简书原文:https://www.jianshu.com/p/366665ab9c1c 大纲 1、CSS盒子模型的概念 2、行内元素是否也属于盒子模型呢? 3、标准盒子模型和IE盒子模型 4、box-sizing:设置盒子模型 5、盒子模型是有空间的 1、CSS盒子模型的概念 css盒子模型 ...
分类:
Web程序 时间:
2018-07-16 00:27:43
阅读次数:
299
原文: 简书原文:https://www.jianshu.com/p/2c78b927f8c4 开篇 这是我写CSS布局的第一篇文章,之所以将布局从中摘出来单独放一部分是因为我觉得光是布局这块内容就有很多很多内容了,而这甚至可以说是CSS的核心所在,也许有很多你以前不甚了解其原理的问题,或者很多百思 ...
分类:
Web程序 时间:
2018-07-15 23:11:26
阅读次数:
178
1.盒子模型 在网页中每一个html元素都可以看成一个盒子 。 盒子模型的参照物不一样,则使用的css属性不一样,比如: 如果不希望破坏外观,则尽量使用margin来布局,因为padding可能会改变盒子的大小(相当于这个盒子有弹性);margin 过大,则会把盒子里面的内容挤到盒子外面去,但盒子本 ...
分类:
Web程序 时间:
2018-07-14 14:53:53
阅读次数:
201
CSS盒子模型 包含元素内容(content)、内边距(padding)、边框(border)、外边距(margin) 一般元素总宽度 = element的width+padding的左右边距+margin左右边距值+border的左右宽度 高度同理 外边距合并 上下外边距会合并一般发生在普通文档流 ...
分类:
Web程序 时间:
2018-07-10 16:47:00
阅读次数:
169
在css中,盒子模型分为两种:标准模型和怪异模型 标准模型:总宽度=border+padding+内容区域宽度 怪异模型:总宽度=宽度,这个宽度就包括了border,padding和内容区域宽度 在标准模型中,border和padding都会撑大盒子,这对网页布局来说是灾难性的,因为会把其他元素挤开 ...
分类:
Web程序 时间:
2018-07-05 10:58:56
阅读次数:
208
1、<td>与<tr>标签 表格制作时,应该一行一行的画,即<tr>应该包含<td>标签,正确示例如下: 执行结果如图: 如果<td>标签写到了<tr>标签里面,就会出现下面的效果。 2、JS和CSS语句可以独立成文件,然后链接到html文件中。 3、CSS盒子模型 4、VSCODE中文乱码问题 编 ...
分类:
Web程序 时间:
2018-07-02 13:08:00
阅读次数:
192
HTML文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用空间,这个模型称为盒子模型。 盒子模型通过四个边界来描述:margin(外边距),border(边框),padding(内填充),content(内容区域),如图所示: 注意:浏览器的调试窗口中通常会有相似的模型可供开发 ...
分类:
Web程序 时间:
2018-06-30 11:00:05
阅读次数:
205
透明度 背景透明度 1. css hack 2. css 设置圆角 3. css 盒子阴影 (x,y,阴影模糊度,阴影颜色) 4. css 透明度 5. css 文本超出范围省略号代替 ( 块级元素,强制单行) 6. css 设置背景透明 7. css 文字中间划横线效果 8. css 背景图片定位 ...
分类:
Web程序 时间:
2018-06-27 17:28:39
阅读次数:
239