CSS 基础篇（1）

简介：

CSS即层叠样式表(CascadingStyleSheets方便懂英语的记忆咯)

作用：修饰html网页，拓展html的功能，使其更美观，更具交互性。提高效率（个人感觉是在编码方式和代码重用上）。

使用：

外部样式表：外部css文件 在head中加入 。

内部样式表：在head部分中的style部分中写出。

内联样式表：html语句中用style标签。

基本语法：

选择部分 { 描述部分，描述部分...... }

eg:p

选择标记：

id标记：在元素中设置id标记，然后就可以使用#id，进行选择。

class分组：使用class分组，然使用“.组名”就可以对分组进行操作,也可以进行组合操作。

eg:

注：id的名称和class的名称不要以数字开头，否则firefox浏览器不支持。

背景修饰：

设置背景颜色，可以使用三种方式表示：1.颜色名称。2，十六进制。3，RGB表示。

body

body

body

设置背景图片：

body

设置图片是否重复（平铺相关）：

当图片太小时就会重复，默认是水平和竖直都重复，x为水平重复，y为竖直方向重复，no-repeat为不重复。

body

body

body

设置位置：

body

body

设置背景固定（不滚动）：

body

文本：

文本颜色：body三种颜色表示都可

文本对齐：

body

body

body

文本修饰（主要用来删除链接的下划线）：a

文本缩进：p

字符间距：p

行间距：p

文字阴影：h1x轴 y轴 颜色

eg:

运行结果：

字体：

字体：p

字号：p

样式：p 普通

p 斜体

加粗：p 普通

p 变细

p 加粗

链接：

链接修饰：

链接文本颜色：a

链接背景色：a

链接下划线：a

eg:

学习and进步(。・∀・)ノ(。・∀・)ノ(。・∀・)ノ