(1)有两种: IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(padding)、 边框(border)、边界(margin); (3)区 别: IE的content部分把 padding 和 border 计算了进去; margin(外边距) - 清除边框外的区域 ...
分类:
Web程序 时间:
2020-02-13 18:51:26
阅读次数:
90
标题只显示2行,超出显示... overflow: hidden; // 超出的文本隐藏 text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 溢出不换行 display: -webkit-box; // 将对象作为弹性伸缩盒子模型 ...
分类:
其他好文 时间:
2020-02-12 10:27:03
阅读次数:
71
1.简述css中的盒子模型,标准盒子模型和IE盒子模型 通常情况下,盒子模型指的是标准盒子模型:将元素实际占用的面积划分为:margin(外边距)+padding(内边距)+border(框)+content(内容),其中内容占据的面积是实际占据的面积,内外边距和框是对内容修饰的累加的过程。 而IE ...
分类:
其他好文 时间:
2020-02-11 17:36:10
阅读次数:
77
1、盒子模型 (1)内容区(content):width设置内容区宽度,height设置内容区高度。 (2)内边距(padding):纸盒子的内容区与边框之间的距离 (3)边框(border) 为元素设置边框必须指定三个样式: border-width:边框的宽度 。如果指定了四个值,会分别设置给上 ...
分类:
Web程序 时间:
2020-02-08 17:36:35
阅读次数:
83
块级元素的特点独占一行,在所在父元素内依次向下排列,从左上角开始宽度和高度在不设置的情况下,宽度继承父级元素内容的宽,高度有本身内容决定可以直接设置盒子模型的所有属性(width height padding border margin)可以嵌套其他元素p,dt,h1-h6不能嵌套块级行内元素和行内... ...
分类:
其他好文 时间:
2020-02-06 12:24:23
阅读次数:
89
1.Div盒子 用div做圆 能否优化,去掉div之间的距离?margin属性 用表格做圆 2.CSS样式 总结:需要注意的是行级标签设置宽高不会生效 小练习:使用span标签 3.CSS选择器演示及其优先级 体现在诗的第二句和第三句中 4.ul列表样式案例 这个指的是标志(不严谨) 5.borde ...
分类:
其他好文 时间:
2020-02-05 18:07:49
阅读次数:
86
效果图矩形的圆角, 就不要用 百分比了,因为百分比会是表示高度和宽度的一半。我们这里矩形就只用 用 高度的一半就好了。精确单位...... ...
分类:
Web程序 时间:
2020-02-04 09:12:52
阅读次数:
288
盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 ...
分类:
Web程序 时间:
2020-02-03 10:09:43
阅读次数:
80
盒子模型 盒子模型 盒子模型有元素内容、边框(border)、内边距(padding)、外边距(margin)组成; 盒子里面的文字和图片等元素是内容区域; 盒子的厚度 我们称为 盒子的边框; 盒子内容与盒子之间的距离是内边距; 盒子与盒子之间的距离是外边距; 标准盒子模型 盒子边框(border) ...
分类:
Web程序 时间:
2020-02-02 01:22:03
阅读次数:
116
width和height是指content内容的宽高 当width的值小于min-width时,则宽度为min-width 当width的值大于max-width时,则宽度为max-width min-width和max-width存在兼容性问题,在IE6以下不支持 哪些元素可以设置宽高属性 块级元 ...
分类:
Web程序 时间:
2020-01-31 15:51:46
阅读次数:
74