文字下划线
作业要求:文字变长,下划线变长。(有两个下划线,一个是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也一样。