CSS简介（粗略)

书写格式和引入方式

选择器 {属性1：值1；属性2：值2}

单位：<p>

颜色表示法

1.单词表示法---"red"

2.十六进制表示法---"#ff0000"

3.RGB三原色表示法---"rgb(255,0,0)"

4.rgba

颜色获取：插件或photoshop

背景样式和视觉差的实现

1.背景色：background-colour:颜色描述

2.背景图：background-image：url()

3.平铺方式：background-repeat repeat(默认) x-repeat y-repeat no-repeat

4.背景位置：background-position: x left center right y top center bottom

5.背景图随滚动条移动的方式：backgroung-attachment; scroll背景图按照当前元素进行偏移 ； fixed按照浏览器进行偏移

边框样式

boder-style:solid dashed dotted

boder-width:

boder-color:transparent(透明)

字体样式

font-family

font-size: 16px

font-weight: normal bold 100~900

font-style: normal italic

文本样式

text-decoration:文本装饰 underline line-through overline none

text-transform: uppercase lowercase capitalize

text-indent: 12em 1em

text-align: justify 两端点对齐

line-height: number(px) scale

letter-spacing(字间距)

word-spacing(词间距)

复合样式

background: red url() repeat;

font；weight style size family;

CSS选择器

ID选择器

元素在HTML中是唯一的，用于选择唯一的元素。要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id。

CLASS选择器

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

标签选择器

去默认样式，或在复杂的选择器中使用

通用选择器

通用选择器（*）选择页面上的所有的 HTML 元素。

群组选择器

div ,p ,#elem , ·elem{}

层次选择器

1.后代 M_N{}——M下属所有N

2.父子 M>N{}——M下一层的所有N

3.兄弟 M~N{}——M当前层级中写在M下面的所有N

4.相邻 M+N{}——M当前层级下一行的N

属性选择器

M[atter]{}

div[class^#=a]{}

匹配：^= 其实

$= 结束

是一篇very粗略的文章，，，，

大概能看懂，，，吧？