![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 65
warwolf24
这个作者很懒,什么都没留下…
展开
-
CSS 布局总结——固定宽度布局
固定宽度布局单列布局固定宽度的单列布局中,外层指定宽度(如果没指定宽度,会自动伸展),设置 margin: 20px auto; 实现居中即可。HTML结构: 单列固定宽度 Page Header原创 2014-04-18 11:34:08 · 1980 阅读 · 0 评论 -
CSS 布局总结——变宽度布局
变宽度布局1-2-1 等比例变宽原创 2014-04-22 13:18:27 · 1525 阅读 · 1 评论 -
CSS 特殊选择符
1、子元素选择符 > :父元素 > 子元素2、紧邻同胞选择符 + :元素1 + 元素2 元素2 必须紧跟着元素13、兄弟选择符 ~ :元素1 ~ 元素2 元素2 与元素1 同级并在元素1 之后,不一定紧跟4、通配选择符 * : 关于 * 有一个作用就是选择非子元素:p * a{ color: red;} 表示 p 的后代元素但非子元素中的 a原创 2014-04-25 13:58:05 · 1126 阅读 · 1 评论 -
块级元素与行内元素的区别
1、块级元素的盒子会扩展到与父元素同宽:这就是为什么块级元素独占一行的原因了。2、行内元素的盒子会收缩到包紧其内容:这也是为什么几个连续的行内元素会并排一行的原因。3、块级元素可以设置 width、height,而行内元素不行,行内元素的宽高是根据其内容定的。4、块级元素的margin 和 padding 设置没有问题,但是行内元素无法设置上下的 margin 和 padding。原创 2014-04-25 10:56:19 · 1241 阅读 · 0 评论 -
CSS 注意点
1、行内元素之间水平的 margin 取总和;块级元素之间竖直的 margin 取大者;子元素的 margin 会作为父元素的内容,超过时会发生溢出,但在 IE 低版本中会自动扩大父元素。2、没有设置 width 的盒子会自动向右伸展,直到不能伸展为止,即是伸展到父元素所能容纳的大小为止,此时的 width 值即为伸展之后的值。当设置了 float 后,则不会伸展,而是根据内容确定 w原创 2014-04-11 16:34:20 · 820 阅读 · 0 评论 -
CSS 优先级和特指度
1、ID 选择符 > 类选择符 > 元素选择符,特指度高的优先级高2、行内样式 > 内嵌样式 > 链接样式3、设定的样式 > 继承的样式特指度的计算:特指度可以用一个公式 I-C-E 来计算,其中I 是 IDC 是 ClassE 是 Element对于一个 CSS 规则,若选择符中有一个 id,则 I 的值 +1;若选择符中有一个 class ,则 C 的值原创 2014-04-26 21:21:08 · 1423 阅读 · 0 评论 -
CSS中常见的BUG调试
1、布局——layout布局是windows提出的概念,用于控制元素的尺寸和定位。拥有布局的元素负责自身及其子元素的尺寸及定位,而没有布局的元素只能依靠最近的祖先元素进行控制。通常在IE6中出现的BUG,很可能是因为布局的缘故而产生的,因而修复IE中BUG的时候,第一件事就是尝试通过规则迫使元素拥有布局来看能否修复。默认情况下拥有布局的元素包括:body、html(标准模式下)、tab原创 2014-09-17 11:12:18 · 1506 阅读 · 0 评论