慕课网电商网站开发实例（3）

这里是记录一些常用的方法

1. css hack  /9  代表所有的ie浏览器
2. text-indent 首行缩进
3. 基础样式中设置 .fl和.fr 直接加在html文档中class中；
4. 搜索框中字体居中： height:20px;line-height:20px\9; css hack \9 代表所有的IE浏览器（解决IE6）
5. 设置了padding时候要注意会把div撑开，div的宽和高应该减去padding的值；
6. font:14px; line-height:35px; font-family:"宋体"; 上面3个可以简写： font:14px/35px "宋体"

text-indent无效的几个原因及解决方案

text-indent是用来字符缩进的。

我们通常用在段落首字缩进、想用图片显示却要考虑SEO对文字的理解等。虽然好用，但有时它并不是这么的听话，会出现无效的情况。

下面整理了一些text-indent失效的原因。

1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上;

解决方案： 在行内元素加上display:block; 或者把目标元素放入<div>等块级元素，然后把text-indent 样式应用到<div>等块级元素。

2.text-indent所在的元素未使用overflow属性;

解决方案： 在元素加上overflow:hidden;

3.text-indent设置的值超出浏览器默认的最大或最小值

display:block 未定义

overflow:hidden 未定义

text-align:left 未定义

width 未定义

height 未定义

line-height 未定义