第二次练习总结

文字下划线

作业要求：文字变长，下划线变长。（有两个下划线，一个是div的，一个是p的）

关键点float:left;

列表

一般都会想到用一些选择器让最后一个的border:none；

这里提示另一种用法。负margin(所以要用border-top,margin-bottom也行，但是要考虑到两者的区别)。

ul{overflow:hidden},li的高度也是关键。

这个想法太妙了。

pic_list

一样的道理，依然用负margin，但是用margin-left哦！

关键依然用overflow:hidden;

文字效果

1.文字缩进

文字缩进两个属性：padding-left先缩进2em，再用负text-indent来把首行拉出去。注意不能用margin-left因为这样的话会把文字弄到盒外。

2.首字变大

:first-letter {float:left;}注意选择器和“{”之间的空格，这是为了在ie下渲染的问题。

还有:first-line也一样。