uniquehzx的博客

行内样式： 直接在HTML标签中设置的样式。 实际在写页面时不提倡使用，在测试的时候可以使用 优点：不会额外的产生请求 缺点： 1.容易产生重复的代码，造成文档体积变大 2.不利于维护 3.不符合样式与结构分离的规范  内部样式: 在style标签中书写CSS代码。style标签写在head标签中。

1.基础选择器-通配选择器:作用于所有标签，无论你这个标签有没有写，有没有在文档中出现 *{ } 2.基础选择器-标签名选择器:作用于一类标签，方式是通过标签名称，使用场景：重置某类标签的样式 body{ margin: 0; background-color: red; font-size:14px; color:#ccc; font-family: "微软雅黑"

css选择器的优先级： 通配选择器  0 标签名选择器  1 类选择器  10 id选择器  100  后代选择器  选择器1 选择器2 ...(会有相加的过程)  群组选择器  选择器1，选择器2，...(不会有相加的过程) 1.相同类型的选择器，样式冲突下，后覆盖前 2.不同类型的选择器，样式冲突下，优先级高覆盖优先级低 3.* 4.！important慎用（必

外边距重叠就是margin-collapse。 在CSS当中，相邻的两个盒子（可能是兄弟关系也可能是祖先关系）的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠，并且因而所结合成的外边距称为折叠外边距。 折叠结果遵循下列计算规则： 1. 两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。 2. 两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。 3. 两

css-背景设置 背景设置 background:  background-color: 背景颜色设置  background-image:url() 背景图片设置 background-repeat: repeat-x | repeat-y | no-reoeat;背景平铺设置 background-position: x y;背景定位设置 background-size:;

float:浮动  float:   left   right   none; 设计之初的作用是做文字环绕 。常用于水平排列，菜单导航。 1.浮动的元素撑不开父级的高度 float属性对块级元素的影响: 设置浮动后，块级元素的宽度不再跟随父级宽度，而是内容决定（内容撑开宽度）  float属性对行级元素的影响: 可以设置尺寸以及盒模型

清除浮动 1.为什么要清除浮动： CSS中的定位机制分为，文档流，浮动和绝对定位。如果对元素没有进行任何定位处理的话，元素应该处于文档流中，当我们对元素进行了浮动(float)时，我们的元素就会脱离文档流。我们说的清除浮动是指清除由于子元素浮动带来父元素高度塌陷的影响，会让父级产生（1）：背景不能显示 （2）：边框不能撑开 （3）：margin 设置值不能正确显示。 2.