css中常用方法总结

1. CSS 提供了 text-indent 属性，该属性可以方便地实现文本缩进。通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进。
2. 在设计一个网页的时候，有时候为了让页面的可读性更好，更加美观；就会使用到letter-spacing属性；letter-spacing属性是增加（值为正）或减少（值为负）字符间距；也就是说当应用在英文时，就是增加或减少每个字母之间的间距，在中文文字中应用就是每个文字之间的间距。

例：

div.header h2 {
    letter-spacing: 30px;
    text-indent: 30px;
}

使每个字间距为30px,text-indent使得首字符缩进30px,(常用于居中对齐时，字符会向左移，所以用缩进对齐）。

3.当我们自己做布局时，要去掉浏览器自带的默认布局，此时可用如下代码

*{
    margin: 0px;
    padding: 0px;
}

4.圆形图片的设置
先将图片设置为正方形样式，再将border-radius调为100px(上下两个半圆组成一个圆）

div.header img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    margin: 10px;
}

5.CSS3中:nth-child伪类的实际用途

• :nth-child(n + 4)选取大于等于4的标签，其中"n"为整数
• :nth-child(-n + 4)选取小于等于4的标签
• :nth-child(3n + 1)自定义选取标签，3n+1表示“隔二取一”
• :last-child表示选取最后一个标签
• :nth-last-child(3)表示选取倒数第几个标签，3表示选取倒数第三个标签
• :nth-last-child(odd)表
• 示选取倒数的奇数标签，odd可为2n-1。
• :nth-last-child(even)表示选取倒数偶数标签，even可为2n。