在Anthony大神的指引下，坚定学习CSS的信心。
一个多星期没学了，又得重头开始。
下午上中特时在手机上看了css教程，现在对着网页重新复习整理下。
简介：
CSS指层叠样式表(Cascading Style Sheets)
CSS规则由两个主要部分构成，选择器，一条或多条声明。 eg: selector {property:value; property:value}
声明总是以分号结束，声明组以大括号{}括起来。
/*注释是这样子的，
可以多行注释*/
id 和 class：
要在HTML元素中设置CSS样式，必须设置id和class选择器
id选择器可以为标有特定id的HTML元素指定特定的样式，CSS中id以#来定义。
class用于描述一组元素的样式，可以在多个元素中使用，CSS中以点.号显示。
也可以指定特定HTML元素使用class，如
CSS创建：
分为外部样式表(在head标签内) eg:
内部样式表(也在head标签，直接写)
和内联样式(相关标签的样式属性) eg: This is a paragraph.
-----------------------------------
当同一个HTML元素被不止一个样式定义时，优先级如下：
内联样式，内部样式表，外部样式表，浏览器缺省值。
CSS背景：
CSS背景属性：
background-color，定义了元素的背景颜色 background-image，描述了背景图像，默认下进行平铺重复显示。 background-repeat，有五个值，repeat(默认)，repeat-x(水平方向重复)，repeat-y(垂直方向重复)，no-repeat(image不重复)，inherit(从父元素继承) background-attachment，三个值，scroll(默认)，fixed(图像固定),inherit(继承父元素) background-position，可以left top、right center等9种，也可以x%y%等等。。。
简写属性为background，顺序如上所示。
eg:body {background:#ffffff url('img.png') no-repeat fixed right top;}
Text文本格式：
color属性，设置文字颜色。 十六进制，如#FF0000，一个RGB值，如RGB(255,0,0)，颜色的名称，如red
text-align属性，文本的对齐方式。center,right,jusitfy(每一行被展开为宽度相等，左右外边距对齐)
text-decoration属性，设置或删除文本的装饰，none(超链接删除下划线)，overline，line-through，underline。
text-transform属性，控制文本中的字母，uppercase，lowercase，capitalize。
text-indent，指定文本的第一行缩进。
direction，文本方向。
letter-spacing，字符间距。
line-height，行高。normal(默认)，number(数字，此数字会与当前字体尺寸相乘啦设置行距)，length(固定行距)，%(基于当前字体尺寸的百分比行距)，inherit(继承)。
white-space属性，normal(默认，空白会被浏览器忽略)，pre(会被保留，类似
标签)，nowrap(文本不会换行，会在同一行继续，直到遇见
word-spacing，字间距。
CSS字体：
通用字体系列，如Serif和Sans-serif。
特定字体系列，如Times，雅黑。
-----------------
font-family属性，设置字体系列，可设置几个后备字体。
font-style属性，设置样式属性，normal，italic，oblique。
font-size属性，绝对大小和相对大小。
font-weight属性，指定字体的粗细。
font为简写的字体属性。
CSS链接：
链接的样式，可用任何CSS属性。有四种链接状态：
a:link 正常，未访问过的链接
a:visited 已访问过的链接
a:hover 鼠标放在链接上时
a:active 链接被点击的那一刻
其中hover必须在link和visited的后面，active必须在hover后面
--------------
常用的链接样式：
text-decoration，文本修饰，主要用于删除下划线
background-color，背景颜色，链接的背景色
还可以设置大小等。应用在我的博客中。记得。实战。
CSS列表：
list-style-type属性，设置列表项标记的类型，circle,square,uper-roman,alpha,none.
list-style-position属性，
list-style-image属性，图像。
简写为list-style。
CSS表格：
border属性，表格边框，如： table,th,td {border:1px solid black}
border-collapse属性，是否被折叠成一个单一的边框或隔开。
width和height，宽度高度百分比或像素。
text-align，文字对齐方式
padding属性，表格填充 eg: td {padding:15px;}
background-color属性，指定背景颜色。border内可指定边框颜色
CSS框模型：
“box model”是用来设计和布局时使用，模型本质是一个盒子，封装周围的HTML元素，包括：边距、边框、填充和实际内容。
div.good {width:250px;padding:10px;border:5px solid grey;margin:10px;}
CSS边框：
border-width，边框宽度。
border-style，none，dotted，dashed，solid，double，groove，ridge，inset，outset。
border-color，同color，单独不起作用，必须先使用border-style设计样式。
CSS Outlines：
CSS Margin：
外边距，像素或百分比，margin-bottom，margin-left，margin-right，margin-top。
margin为简写属性，上右下左顺时针。
CSS Padding：
同上。
CSS分组和嵌套选择器：
使用分组选择器。例如：
h1,h2,p
{color:blue;}
嵌套选择器，
略。
CSS尺寸(Dimension):
height，line-height，max-height，max-width，min-height，min-width，width。
CSS Display和Visibility：
visibility:hidden，可以隐藏某个元素，但仍然需要以前的空间，布局不变。
display:none，不会占用任何空间。
--------------------------------
