写在前面：
这篇文章不是教程，更偏向于在实战时记不清某些属性的时候作查询用。
如果对你有用的话，可以关注我追更呀（笔芯·.jpg）
目录
选择器
元素选择器
<style type="text/css">
elem-choose{color:red; font-size=14px;}
</style>注：前面啥也没有
如果有多个属性，用；隔开
群组选择器
<style type="text/css">
father,mother{color:red; font-size=14px;}
</style>注：
不同的选择器之间用，隔开
如果有多个属性，用；隔开
id选择器
<style type="text/css">
#id_choose{color:red; font-size=14px;}
</style>注：前面有#（井号）
如果有多个属性，用；隔开
class选择器
<style type="text/css">
.class_choose{color:red; font-size=14px;}
</style>注：前面是 .（英文状态的句号）
如果有多个属性，用；隔开
后代选择器
注：.father和.son之间要有空格！！！！
与java里的.不同，这里的.是用来标识class选择器的，所以如果父选择器和子选择器之间没有空格的话，编译时会被认为是一个father.son的class。而事实上，我们根本没定义这样的class，所以，你将无法看到这个选择器里定义的样式（别问，问就是血的教训）
下面这个是正确格式：
<style type="text/css">
.father .son{color:red; font-size=14px;}
</style>下面这个是错误示范：
<style type="text/css">
.father.son{color:red; font-size=14px;}
</style>他们长得极其相似，所以经常被忽略。
当你定义了样式而看不见改变的时候，跪求先去检查空格！
注释
注释用/* */
/*CSS注释*/文本样式
| 属性 | 说明 |
|---|---|
| text-indent | 首行缩进 |
| text-align | 水平对齐 |
| word-spacing | 词间距 |
| letter-spacing | 字母间距 |
| text-transform | 大小写转换 |
| line-height | 行高 |
| text-decoration | 文本修饰 |
首行缩进
text-indent: 10px;注：首行缩进一般为字体大小的两倍
也可以用<p> </p>（HTML）
水平对齐
text-align: left; /*左对齐*/
text-align: center; /*居中*/
text-align: right; /*右对齐*/词间距
word-spacing: 5px;每两个单词间的间距
字母间距
letter-spacing: 5px;每两个字母间的间距，如果想要那种排的很开的小小的字母，还加下划线风格，可能会用到这个。
大小写转换
text-transform: none; /*什么也不干*/
text-transform: capitalize ; /*首字母大写*/
text-transform: uppercase ; /*所有大写*/
text-transform: lowercase ; /*所有小写*/行高
line-height: 10px;可以理解成word里的行距，只不过那个是以倍数为调节尺度，这里直接调节像素。
文本修饰
text-decoration: none; /*去除所有划线效果*/
text-decoration: overline; /*顶划线（用不到）*/
text-decoration: line-through; /*删除线*/
text-decoration: underline; /*下划线*/例：删除<a>链接默认的下划线
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.link{text-decoration:none;}
</style>
</head>
<body>
<a href="https://balabala..." class="link">用户注册</a>
</body>
</html>字体样式
| font-family | 字体 |
| font-weight | 字体粗细 |
| font-size | 字体大小（字号） |
| color | 颜色 |
| font-style | 风格（定义斜体） |
字体
font-family: Georgia, 'Times New Roman', Times, serif;注：可以使用多个字体，每两个之间用，隔开
其原因在于每个人的电脑兼容不同。
如果只定义一个字体，若别人的电脑不兼容，就会显示默认字体（丑拒）；
而如果定义了多个字体，则编译时按从左向右的顺序依次选择字体。
字体名为中文或字体名为英文但不止一个单词时要用""双引号括起来(不是单引号！)
字体名为英文一个单词时可以不括
字体粗细
font-weight: 100; /*100-900之间的整数，每次递增100*/
font-weight: 900;
font-weight: bold;/*粗*/
font-weight: lighter;/*很细*/
font-weight: bolder;/*很粗*/
注：有两种方式来定义：每次递增一百的数字和语法给定的单词，单词较常用
字体大小（字号）
font-size: 14px;注：有两种方式来定义：数字和语法给定的单词，绝大多数情况都是数字。所以这里不再列举单词。
颜色
color:red;
color:#000000;/*黑*/
color:#ffffff/*白*/
red
green
blue
yellow
brown
chocolate
black
brass
gray
orange
bronze
pink
purple
rosybrown
purple
deeppink
aliceblue
blueviolet
yellowgreen
silver
tan
plum
quartz
cyan
cornsilk注：有两种方式来定义：数字（十六进制）和语法给定的单词。两种都在使用，视自己喜好决定。上面列举了一些常见的颜色。
字体风格（斜体）
font-style: italic;
font-style: oblique; 注：两种都可以用，但是建议oblique。（有些字体没有italic）
To be continued...
856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
