1)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border) 2)有两种, IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 padding 标准 W3C 盒子模型宽高:内容区宽高; IE 盒子模型宽高: 内边距﹢ ...
分类:
Web程序 时间:
2018-04-01 15:23:05
阅读次数:
347
1.css复合选择器 1.标签指定式选择器 2.后代选择器 3.并集选择器 2.css层叠性和继承性 1.层叠性 2继承性 继承性不适合下列属性: 边框属性 外边距属性 内边距属性 北京属性 定位属性 布局属性 元素宽高属性 3.css优先级 标记选择器的权重为1 类选择器的权重为10 id选择器的 ...
分类:
Web程序 时间:
2018-03-29 00:05:33
阅读次数:
218
1. 非替换元素 请注意,对于非替换的行内元素来说,尽管内容周围存在内边距与边框,但其占用空间(行高)由 line height 属性决定。 替换元素:浏览器根据其标签的元素与属性来判断显示具体的内容。比如: 、、 不可替换元素:他们将内容直接告诉浏览器,将其显示出来,比如 wanmei.com 2 ...
分类:
Web程序 时间:
2018-03-27 17:20:36
阅读次数:
233
box-sizing: content-box|border-box|inherit; content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定 ...
分类:
其他好文 时间:
2018-03-21 21:16:50
阅读次数:
209
(一)html部分 ul标签外边距问题:ul标签在IE6/IE7中有个默认的外边距,但在IE8以及其他浏览器中有个默认的内边距; 解决方法:统一设置ul的内外边距为0 (二)CSS样式的兼容性 1、IE6双边距问题:IE6在浮动后,又有横向的margin,此时该元素的外边距是其值的2倍; 解决方法: ...
分类:
其他好文 时间:
2018-03-20 21:40:32
阅读次数:
149
表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。 下面的例子为 table、th 以及 td 设置了蓝色边框: 折叠边框 border-collapse 属性设置是否将表格边框折叠为单一边框: 表格内边距 如需控制表格中内容与边框的距离,请为 td 和 th 元素设置 padd ...
分类:
Web程序 时间:
2018-03-18 20:38:33
阅读次数:
247
CSS--盒子模型(Box Model) 简介: CSS盒子模型本质上是一个盒子,对网页中绝大部分的HTML元素进行包装定位(外边距,边框,内边距以及实际内容)。 但是并不是所有的HTML元素都可以看作是盒子模型,例如图片(img)就不能看作是盒子模型,因为img中只能放图片,并不能添加其他的东西, ...
分类:
Web程序 时间:
2018-03-18 16:12:59
阅读次数:
305
padding (内边距) 语法: (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内 ...
分类:
其他好文 时间:
2018-03-14 12:46:01
阅读次数:
144
边框 border Border-top-style: solid 实线 dotted 点线 dashed 虚线 Border-top-color 边框颜色 Border-top-width 边框粗细 边框合并 border-collapse:collapse; 内边距 Padding-left | ...
分类:
Web程序 时间:
2018-03-01 00:37:17
阅读次数:
257
盒子模型的属性 宽高width/height 在CSS中,可以对任何块级元素设置显式高度。 如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效果,就好像有额外的内边距一样; 如果指定高度小于显示内容所需高度,取决于overflow属性,需要滚动条需要设置为overflow:auto。 au ...
分类:
Web程序 时间:
2018-02-27 23:37:54
阅读次数:
253