内容概要：一、div和span(1)块级标签：div(2)内联标签：span如图所示：二、盒模型(重要)注：可用浏览器的调试工具可查看盒子（1）margin:盒子外边距（2）padding:盒子内边距（会改变块的大小）（3）border:盒子边框宽度（4）width:盒子宽度（5）height:盒子高度①：外边距和内..
分类：
Web程序 时间：
2016-07-16 07:15:08
阅读次数：
754
div中的style，Height设置DIV的高度 Width设置DIV宽度 line-height 属性设置行间的距离（行高） padding-top上内边距 font-size 字体尺寸大小 margin外边距：10px 5px 15 px 20px (上 右 下 左) border：设置4个边 ...
分类：
其他好文 时间：
2016-07-13 21:32:58
阅读次数：
118
块级元素，简单来说，就是自己独占一行的元素。其特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 汇总代码如下： 1 <!doctype html> 2 <html> 3 <head> 4 <m ...
分类：
Web程序 时间：
2016-07-13 21:04:01
阅读次数：
245
内联元素，与别人公用一行，但是设置宽高无效。其特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本或者其他内联元素 代码如下： 1 <!doctype html> 2 <html lang="en"> 3 <head ...
分类：
Web程序 时间：
2016-07-13 20:41:15
阅读次数：
220
<!DOCTYPE html>CSS3-盒模型 盒模型属性： width 宽度 height 高度 margin 外边距 border 边框 padding 内边距.test{width:200px; height:100px; margin:20px; padding:15px; border:5 ...
分类：
Web程序 时间：
2016-07-12 12:00:37
阅读次数：
123
做网站时发现登录成功后浏览器滚动条消失无法滚动页面 通过观察和调试，发现是强制隐藏了bootstrap的模态框后，body的overflow变为了hidden，同时也多了一个17px的右内边距， 无法调用出垂直滚动条， 解决方案：隐藏模态框的同时设置body的overflow为scroll，同时取消 ...
分类：
其他好文 时间：
2016-07-12 06:45:07
阅读次数：
140
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?--> 在标准文档流里面，块级元素具有以下特点：①总是在新行上开始，占据一整行；②高度，行高以及外边距和内边距都可控制；③宽度始终是与浏览器宽度一样，与内容无关；④它可以容纳内联元素和其他 ...
分类：
Web程序 时间：
2016-07-11 09:09:39
阅读次数：
234
盒模型：3个距离的区分 a: margin(外边距) b: border(内边距) c: padding(内边距) 一个盒子的大小： width==width+(margin-left+margin-right)+(border-left+border-right)+(padding-left+pa ...
分类：
Web程序 时间：
2016-07-10 16:56:14
阅读次数：
372
九十年代的完全用表格布局，简单的段落边框都需要用表格。CSS让布局更方便。 基本元素框 basic element boxes 如同第七章基本视觉格式化那一章讲到，每个文档元素会生成一个元素框，这个框出现在文档布局中，影响其他元素的框。比如一个高1inch的元素框出现在文档的开头，那么下面的元素框将... ...
分类：
Web程序 时间：
2016-06-29 20:41:29
阅读次数：
227
1.CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、外边距和边框的方式。 如左下图表示元素内容、内边距、外边距和边框四者关系 2.元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会 ...
分类：
Web程序 时间：
2016-06-26 00:26:57
阅读次数：
225
