关键词: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...
PREVIOUSHTML textarea 文本域
NEXTCSS语法