CSS常用属性

关键词:css, 常用属性

文本

文字颜色

color: white;

去除下划线

text-decoration: none;

添加下划线

text-decoration: underline;

字号

font-size: 16px;

对齐方式,默认left,靠右right,居中center

text-align: center;

行高

line-height: 50px;

转为块级元素

display: block;

文字加粗

font-weight: bold;

让粗体不变粗

font-weight: normal;

字体

font-family: arial;

字间距

letter-spacing: 2px;

词间距,只针对英文,对中文无效

word-spacing: 20px;

首行缩进

text-indent: 2em;

文字阴影:水平位置,垂直位置,模糊距离,阴影颜色

/* 前两个参数为必须,可以为负值。 */
text-shadow: 5px 10px 3px rgba(100, 100, 200, 0.5);

其他

背景色

background-color: green;

背景图片

background: greenyellow url(../images/search_06.png) center center no-repeat;

边框

border: 2px solid blue;

盒模型

box-sizing: border-box;

盒子水平居中

margin: 10px auto;

圆形

border-radius: 50%;

圆角

border-radius: 6px;

隐藏溢出部分

overflow: hidden;

盒子阴影

box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);

选择第n个元素

li:nth-child(2n+1) {}
n可以为0,1,2,3...