Sparrowflying的博客

H5建议将网页的两大部分【内容与样式】分开来处理，即HTML负责页面框架内容，CSS负责控制样式。这样做的好处是分工明确，条理清晰，方便编写与后期修改。1、HTML引用CSS的方式HTML引用CSS的方式一般可分为三种：1、引用外部样式表【最常用】；2、在HTML头部区（即开始&结束标签之间）编写样式，样式可被当前HTML应用；3、在HTML内容区（即开始&结束标签之间）直接编写元素样式，

1. css 设置文字超出长度用省略号代替，下面四个属性缺一不可width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;2.鼠标悬停显示全文title="全文全文全文全文全文全文全文";3.应用【 display:inline-block； 】后引起行内元素向下偏移添加样式：vertical-align: bott...

1、【盒模型】盒模型：html文档中的每个元素都被描绘成矩形盒子，这个模型称为盒模型。盒模型包括：margin（外边距），border（边框），padding（内边距），content（内容区域）。元素占据的空间：margin+border+padding+content。正常盒模型：属性width/height = content宽高。IE盒模型 （ IE 5 和 6 ）

使用官方API开启百度测距后，浏览器显示测距点和鼠标位置不一致。解决方法：将http://api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">中的DistanceTool_min.js文件下载下来，修改后本地调用。修改位置：（注此处小x,y,e为变量，共有六处需要修改）var x = e.lay

解决办法：删除元素间多余空格如：按钮1按钮2改为：按钮1按钮2或：设置父元素样式：font-size:0;     （完美解决！）产生原因：由于【button元素】在浏览器中属性默认为inline-block，因此代码中空格会被显示为的空白。其他属性为inline-block的元素也会产生此现象，编写样式的

检查父元素是否设置line-height

CSS布局与定位——height百分比设置无效/背景色不显示html元素属性width和height的值有两种表达方式，一是固定像素如“100px”，一是百分比如“80%”，使用百分比的好处是元素会按父元素宽高自动调节大小，有更好的自适应性，但由于元素默认宽度有效，默认高度无效，因此父元素为时width="100%" height="100%"，其高度设置是无效的，

CSS定位方式为网页布局要点，而Positioning(定位)四种属性为掌握布局的基础。1、Static 定位  （即静态定位）要点：html元素默认定位方式；在正常的文档流中，占据空间；top/bottom/right/left属性对其无效；z-index层叠属性对其无效；absolute定位元素不受其影响；2、Relative 定位 

问题：今天在项目中遇到一个问题，同样的【li】列表元素，在IE中却出现上边距不一样的现象，检查元素发现【offset】值不一样。解决：给【li】添加样式【vertical-align:bottom;】，问题解决。原理有待进一步研究。...