块级元素的垂直相邻外边距会合并,水平边距永远不会重合。 行内元素实际上不占上下外边距,左右外边距也不会合并。浮动元素的外边距也不会合并。 外边距重叠的意义 外边距的重叠只产生在普通流文档的上下外边距之间,这个看起来有点奇怪的规则,其实有其现实意义。设想,当我们上下排列一系列规则的块级元素(如段落P) ...
分类:
其他好文 时间:
2018-03-27 21:06:44
阅读次数:
960
margin See the Pen margin by wmui (@wmui) on CodePen. 该属性用于设置元素的外边距,外边距是透明的,默认值0。这是一个简写属性,属性值最多为4个,例如 ,分别表示上外边距、右外边距、下外边距、左外边距。属性值也可以是3个,例如 ,表示上外边距、左右 ...
分类:
Web程序 时间:
2018-03-27 12:25:05
阅读次数:
884
(一)html部分 ul标签外边距问题:ul标签在IE6/IE7中有个默认的外边距,但在IE8以及其他浏览器中有个默认的内边距; 解决方法:统一设置ul的内外边距为0 (二)CSS样式的兼容性 1、IE6双边距问题:IE6在浮动后,又有横向的margin,此时该元素的外边距是其值的2倍; 解决方法: ...
分类:
其他好文 时间:
2018-03-20 21:40:32
阅读次数:
149
CSS--盒子模型(Box Model) 简介: CSS盒子模型本质上是一个盒子,对网页中绝大部分的HTML元素进行包装定位(外边距,边框,内边距以及实际内容)。 但是并不是所有的HTML元素都可以看作是盒子模型,例如图片(img)就不能看作是盒子模型,因为img中只能放图片,并不能添加其他的东西, ...
分类:
Web程序 时间:
2018-03-18 16:12:59
阅读次数:
305
HTML介绍 Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的 ...
分类:
编程语言 时间:
2018-03-15 22:18:58
阅读次数:
304
css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 没设置之前: 设置之后: 3.外边距: ...
分类:
Web程序 时间:
2018-03-14 20:45:21
阅读次数:
220
JavaWeb 一、如何调整TomCat服务器的内存大小: TomCat的内存大小: 安装版: 在安装目录找到Bin目录下的Tomcat7w.exe 进去之后选择Java选项卡,修改最大与最小内存; 绿色版: 在bin目录下找到catalina.bat,用编辑工具打开后, 在:gotHome后输入s ...
分类:
编程语言 时间:
2018-03-12 18:45:08
阅读次数:
145
一、字体属性 字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。 大小 可以通过font-size来说设置字体大小的像素值,如果设置成inherit表示继承父元素的字体大小值。 字重(粗细) 可以用f ...
分类:
Web程序 时间:
2018-03-08 00:16:58
阅读次数:
241
Flexbox Flexbox(伸缩布局盒)是css3中的一个新的布局模式,其主要思想是给容器控制项目的宽度、高度的能力,使flex项目可以自动充满容器的可用空间。 Flexbox由伸缩容器和伸缩项目组成。一个设有「display:flex」或「display:inline-flex」的元素是一个伸 ...
分类:
其他好文 时间:
2018-02-25 20:33:44
阅读次数:
218
zoom:1确实帮我们解决了不少ie下的bug,但是它的来龙去脉,又有多少人知道呢? 所以我老生常谈,说一下它的来龙去脉。 Zoom属性是IE浏览器的专有属性, 它可以设置或检索对象的缩放比例。 在平常的css编写过程中,zoom:1能够比较神奇地解决ie下比较奇葩的bug。 譬如外边距(margi ...
分类:
其他好文 时间:
2018-02-25 19:03:04
阅读次数:
143