根据网易云课堂翁恺老师的课整理，边学边更新><
1.引用外部<link href="style.css" rel="stylesheet" type="text/css" />
2设置背景颜色<body style="background-color:yellow">
**<p>标签中也可以用。
颜色表示方式：
英文单词（transparent表示透明）。
RGB：#ff00ff十六进制或rgb(255,55,0)十进制。
rgba(255,55,0,0.5)a表示α通道，范围0-1，表示透明度，数字越小越透明。
3设置背景图片<body style="background-image:url(xxx.jpg)">
background-repeat:repeat-x 可指定图片是否重复。
background-attachment:fixed 可让背景图片固定，不随鼠标滚动时移动。
background-position:100px 100px 可指定图片位置。
4.简写方式：<p style="background:url(xxx.jpg);repeat-x;fixed;100px 100px">
5.设置字的格式。
<p style="color:red"> </p> 字体颜色
<p stlyle="text-indent:2em"> 段首缩进2个字，em表示当前字体的倍数。
**还可以写50%，表示缩进整个页面的50%。还可以是2in（英寸）或3cm或5px或4p（磅，印刷时）这种。
**还可以是负值，如-2em。在之后加padding:2em，可以让后面的行悬挂缩进2格。
line-height:2em 表示行的高度，可用来改变行间距。
text-align:right 文字右对齐。justify表示两段对齐。
word-spacing:30px 单词与单词中间有30个像素点（必须要有空格时才体现，所以中文段落无变化）。
letter-spacing:10px 设置字母与字母之间、汉字与汉字之间的间隙。
6.text-transform:uppercase 让所有字母都变成大写（转换形式）。
lowercase 都变成小写；
capitalize 首字母大写。
7.text-decoration:underline overline line-through 对文字进行装饰，即添加各种线（如下划线）。
overline 上划线（可与下划线同时显示，行程文稿纸的感觉）。
line-through 中间的线（类似删除线）。
8.white-space: 设置空格（五种样式）。
pre 可原封不动的显示源代码里的空格和回车，缺点是不会自动换行。
pre-wrap 又可显示回车又可自动换行。
pre-line 会合并空格但不会吃掉回车。
9.direction:rtl 文字方向（从右向左）。
10.font-family CSS中的五大字体家族（不是具体字体名称）。
serif 有衬线字体
sans serif 无衬线字体
monospace 等宽字体
cursive 手写字体
fantasy 梦幻字体（看起来很艺术）
11.列表样式（其实是在改变项目符号的样子）
<ul style="list-style-type:circle"> 项目符号设置为空心圆（默认为disc实心圆）。
square 方块
list-style-image:url(xxx.jpg) 项目符号用图片来代替
<ul style="list-style-position:inside"> 字数太多换行时与项目符号对齐
outside 与项目符号后的首字母对齐
**<ul style="list-style:circle inside"> 多项设置可缩写，无需考虑顺序
<ul style="list-style-position:inside"> 字数太多换行时与项目符号对齐
outside 与项目符号后的首字母对齐
**<ul style="list-style:circle inside"> 多项设置可缩写，无需考虑顺序
12.样式选择器
*表示所有的，如果把*改成p，就表示所有p标签中符合要求的。
class="important" 对应 *.important （注意有个点）
id="important" 对应 *#important
title="Hello" 对应 *[title] 表示拥有这个title这个属性的，改变的不是title的格式，而是有title属性的这部分的格式
p em {background-color:green} 表示只有p标签中有em标签的背景才会变绿，如果em标签在div等中就不会
p > em {background-color:green} 满足↑的且必须紧挨着的em标签背景变绿，如果p和em标签中有个i标签，就不会变色！
h1 + p { }表示h1标签紧邻的那个p标签变色，当中有别的标签就不会变
13.a标签表示超链接
a:visited 访问过的链接
a:link
a:hover
a:active
这些都是伪类
a.red:visited 对应<a class="red"> </a>
66
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
