CSS学习之－　入门篇

来源：互联网发布：天刀捏脸数据女清纯编辑：程序博客网时间：2024/05/21 00:20

1 什么是css
CSS 是 Cascading Style Sheet 的缩写，通常称为层叠样式表。CSS是为了弥补HTML的表现力不强的缺点而发展起来的。使用CSS有很多好处，不仅可以增强网页的表现力，还可以大大简化输入和网页维护的工作量，而且有助于统一页面风格。

2 使用规则

CSS的使用方法非常简单，基本语法规则为：
样式名称    ｛属性列表｝
样式名称    ｛属性1；属性2；属性3；...｝
样式名称    ｛属性名称：属性值；属性名称：属性值； ... ｝

样式名称通常有三种写法：
直接使用 HTML 标记，如 P {font-size:12pt;line-height:150%}
使用 Class 选择符，如 .apple {font-size:12pt;line-height:150%}
使用 ID 选择符，如 #apple {font-size:12pt;line-height:150%}

属性列表由多个属性组成，各个属性之间使用分号隔开，例如
｛属性1；属性2；属性3；...｝
属性由属性名称和属性值组成，属性名称和属性值之间使用冒号隔开，例如
｛属性名称：属性值；属性名称：属性值； ... ｝

3 CSS 与 HTML 的结合方法
3.1.使用 HTML 标记，如 P {font-size:12pt;line-height:150%}
如果使用 CSS 直接定义 HTML 标记，例如上面的这个例子，那么在网页中只要出现被定义的 HTML 标记，将自动按照CSS所定义的样式来显示。下面给出了2个完整的实例，实例1不使用样式表，实例2使用样式表定义标记P。

3.2 使用 Class 选择符，如 .apple {font-size:12pt;line-height:150%}
Class 选择符的定义方法是在自定义的样式名称前加一个点，例如上面这个例子定义了一个名称为 apple 的 Class 样式。
Class 样式与HTML的结合是通过 class = "样式名称" 来实现的。例如，如果要使用 Class 样式 apple ，那么应该这样写：
这里是段落正文

3.3.使用 ID 选择符，如 #apple {font-size:12pt;line-height:150%}
ID 选择符的定义方法是在自定义的样式名称前加一个#，例如上面这个例子定义了一个名称为 apple 的 ID 样式。
ID 样式与HTML的结合是通过 id = "样式名称" 来实现的。例如，如果要使用 ID 样式 apple ，那么应该这样写：
这里是段落正文

4.4.直接嵌入HTML标记
通过 Style 属性，可以将样式表直接嵌入到 HTML 标记当中。
这里是段落正文

5.5.引用样式表文件
除了可以将样式表直接定义在网页的 <head> </head> 之间以外，还可以把样式表定义在一个单独的样式表文件中，通过在网页中引用样式表文件来引用样式。
<link href="" type="text/css" rel="stylesheet">

CSS学习之－ 入门篇

CSS学习之－　入门篇