hamov的专栏

1、元素选择器语法：标签名{ } 2、类选择器语法：.className{ } 3、ID选择器语法：#id{ } 4、复合选择器：可以同时使用多个选择器，这样可以选择同时满足多个选择器的元素。语法：选择器1选择器2{}5、群组选择器：可以同时使用多个选择器，多个选择器将被同时应用指定的样式。语法：选择器1,选择器2

在页面中使用CSS选择器选中元素时，经常都是一个元素同时被多个选择器选中比如：– body h1–h1 上边的两个选择器都会选择h1元素，如果两个选择器设置的样式不一致那还好不会产生冲突，但是如果两个选择器设置的是同一个样式，这样h1到底要应用那个样式呢？CSS中会默认使用权重较大的样式，权重又是如何计算的呢？不同的选择器有不同的权重值：– 内联样式：权

1、我们不能为行内元素设置width、 height、margin-top和margin-bottom。2、我们可以通过修改display来修改元素的性质。3、可选值：– block：设置元素为块元素，块级元素会独占一行，可以设置宽高。– inline：设置元素为行内元素，不会独占一行，不可以设置宽高。– inline-block：设置元素为行内块元素，既可以设置宽高，又不

1、子元素默认存在于父元素的内容区，理论上子元素最大可以等于父元素内容区大小，如果子元素超出了父元素的内容区，则超过的大小会在父元素以外的位置显示，超出父元素的内容称为溢出内容。父元素默认是将溢出内容，显示在父元素外边2、通过overflow可以设置父元素如何处理溢出内容：可选值：–visible：默认值– scroll：添加滚动条--无论是否溢出，水平数值都会添加

1、文档流指的是文档中可现实的对象在排列时所占用的位置。2、将窗体自上而下分成一行行，并在每行中按从左至右的顺序排放元素，即为文档流。3、也就是说在文档流中元素默认会紧贴到上一个元素的右边，如果右边不足以放下元素，元素则会另起一行，在新的一行中继续从左至右摆放。4、这样一来每一个块元素都会另起一行，那么我们如果想在文档流中进行布局就会变得比较麻烦。块元素：在文档

1、所谓浮动指的是使元素脱离原来的文本流，在父元素中浮动起来。2、浮动使用float属性。• 可选值：– none：不浮动– left：向左浮动– right：向右浮动3、当一个元素设置浮动后，会立即脱离文档流，它下边的元素会立即向上移动（即原文档流位置不再占用），元素浮动以后会尽量向左上或右上漂浮，直到遇到父元素边框或其他浮动元素停止。4、如果浮动元素上边是一

1、在文档流中，父元素的高度默认是被子元素撑开的，当子元素浮动以后，子元素脱离文档流，此时将导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。2、由于父元素塌陷，则父元素下的所有元素向上移动，导致页面布局混乱。3、根据w3c的标准，页面中元素都有一个隐含的属性叫Block Formatting Context简称BFC（IE6及以下版本不支持），该属性可以设置打开或关闭，默认为关闭，当

1、position属性可以控制Web浏览器如何以及在何处显示特定的元素。2、可以使用position属性把一个元素放置到网页中的任何位置。    可选值：      – static：默认值，元素没有开启定位      – relative：开启相对定位      – absolute：开启绝对定位      – fixed：开启固定定位3、相对定位①每个元素

1、如果定位元素的层级一样，则下边的元素会覆盖上边的元素（上下只文档中的位置）。2、当元素开启定位以后就可以设置z-index这个属性。3、这个属性可以提升定位元素所在的层级。4、z-index可以指定一个整数作为参数，值越大元素显示的优先级越高，也就是z-index值较大的元素会显示在网页的最上层5、没有开启定位的元素，不能使用z-index。6、父元素的层级