摘要：
一、什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack常见的有三种形式：CSS属性Hack、CSS 阅读全文
摘要：
首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式;优先级是指不同类别样式的权重比较;层叠是说当数量相同时，通过层叠(后者覆盖前者)的样式。 css选择符分类 首先来看一下css选择符(css选择器)有哪些? 1.标签选择器(如：body,div,p,ul,li) 2 阅读全文
摘要：
在CSS中关于定位的内容是：position:relative | absolute | static | fixed ● static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 ● relative 不脱离文档流，参考自身静态位置通过 top,bottom,left 阅读全文
摘要：
为什么要清除浮动 浮动会使当前标签产生向上浮的效果，导致不同浏览器在计算父级元素高度，或者显示前后标签位置的时候产生意想不到的问题。 清除浮动的方法 为父元素定义height 设置父元素浮动，同时为其设置高度 在浮动元素的后面添加一个空的div标签，并为新添加的标签设置clear：both 在浮动元 阅读全文
摘要：
行内元素与块级元素的区别 行内元素最好不要包裹块级元素，但是块级元素可以任意的包裹行内元素 行内元素如果其上一个元素也是行内元素，则他们会分布在统一水平线上，即在一行上排列，块级元素不论上一个元素是行内元素还是块级元素都要另起一行，单独占一行。 对于行内元素设置with、height、margin值 阅读全文
摘要：
一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 阅读全文
摘要：
盒子模型 css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。 盒子模型 css盒子模型分为两种，一种是遵循w3c标准的标准盒子模型，另外一种就是IE盒子模型。 标准盒子模型 IE盒子模型 通过上面两张图可以看出，两种盒子模型都包括padding，margin，bo 阅读全文