摘要： - 浮动很多时候是用来解决多列显示的问题- 浮动之后变为inline-block(浮动文本必须制定width)- 浮动之后会脱离文档流- 浮动后的元素不会存在margin的垂直方向的问题 - 浮动之后会影响周围元素的布局- 浮动不会超出父级元素- 浮动效果只会影响后面的元素（包括自己的兄弟，和父亲的 阅读全文

摘要： screen 媒介类型 print and 条件 not only @media screen and (max-width: 1200px){ /*常规CSS*/ body{ background-color: red; } .box1{ width: 200px; height: 200px; 阅读全文

摘要： 兄弟级关系之间存在定位才能用z-index，并且z-index的值越大，图层的位置越上层。 父子级关系用z-index，父元素和子元素之间还是可以作比较的！！！只是需要我们把子元素的z-index值设为负数，父级不设置 z-index 阅读全文

摘要： 一、BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 二、BFC布局规则：1、BFC布局规则：（1） 阅读全文

摘要： 块级元素<address> 定义地址<caption> 定义表格标题<dd> 定义列表中定义条目<div> 定义文档中的分区或节<dl> 定义列表<dt> 定义列表中的项目<fieldset> 定义一个框架集<form> 创建 HTML 表单<h1> 定义最大的标题<h2> 定义副标题<h3> 定义 阅读全文

摘要： ##伪类 a：link{ color：#000；未访问时。 } a：visited{ color：ligthing；访问后。 } a：active{ ；点击时。 } a：hover{ color：red；移入时，悬停。 } #伪元素 box1：first-line{ 选择首行。 } box1：fir 阅读全文

摘要： 定义： 首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。<strong>,<em>用来区别于 阅读全文