学习Css的初级篇

初学Css，如有错误，请大神多多指教。

Css是用来做什么的？

• CSS是用于布局与美化网页的.
• CSS是Cascading Style Sheets的英文缩写,即层叠样式表
• CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).
• CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用.css为文件名后缀.
• CSS是大小写不敏感的,CSS与css是一样的. CSS是由W3C的CSS工作组产生和维护的.    

Css基本语法

基本语法：

CSS定义分别由：选择符、属性、属性取值组成格式：

selector{property:value}

选择符可以是HTML中的标记名称， 属性和值之间用冒分开，多个属性之间加分号 CSS是大小写不敏感的,在CSS语法中推荐使用小写.

如：body{color:red}设置了页面为红色的文字 例：p{text-align:center;color:red;font-family:宋体}

Css常见选择器

1. id选择器  语法：#ID名称{属性：值} ；具有唯一性；
2. 类选择器 语法：.class名称{属性：值}；可以重复使用同一个class名称：
3. 元素选择器 语法：元素名称{属性：值}；
4. 属性选择器 语法：元素名称 [属性]{ 属性：值}；
5. 伪类选择器 常用伪类：a：link（未访问）a：visited（已访问）a：hover（鼠标在超链接上）a:active（鼠标点击时）

Css常见选择器优先级顺序

important>内嵌>id选择器>class、属性、伪类选择器>元素、伪元素选择器>*(通配符)

Css常见属性

text属性：

• font-weight:normal/bold/bolder;(字体着重)
• font-style:oblique;(斜体)
• text-indent(首行缩进)
• letter-spacing（字间距）
• line-height(行高)
• text-decoration:overline/underline/line-though(文体修饰，下划线，上划线和删除线)
• text-transform：uppercase/lowercase/capitalize(大写，小写，首字母大写)

背景属性

• background-image:url();
• background-repeat:no-repeat/repeat-x/repeat-y(不重复，横向重复，纵向重复)
• background-position:top/right/left;
• background-size:cover/contain(覆盖，超出部分隐藏；填充，但具有完整性)

列表属性

• list-style:none(去圆点)
• list-style-type:circle/square/lower-roman/upper-alpha(空心圆，方块，小写罗马字符，大写字母)
• list-style-image:url();