快速使用CSS技术手册

快速使用CSS技术手册

1. CSS概述

1.1. CSS基本概念

CSS称为层叠样式表，CSS样式表或样式表，其文件扩展名：".CSS"。

CSS用于控制网页样式，并允许将网页样式与信息分离的一种标记语言。

1.1.1 CSS的引入

由于HTML语言设计页面比较麻烦，需要多次设置，工作量大，于是部分内容由CSS来编写。

CSS的优点：(1 )结构和风格分离，设计者只需要修改css文件中的内容，就可以改变整个网站的样式风格。

(2)扩充HTML标记，HTML本身标记并不是很多，而且很多标记都是关于网页结构和网页内容的，关于内容样式的标记(如文字间距、段落缩进、行高设定等)很难在HTML中找到。

(3 )提高网站维护效率，结构和风格分离有利于修改。

(4)可以实现精关的页面布局洁的代码实现精准的定位，方便维护DIV+CSS是目前流行布局方式，它 传统的表格定位。以"块"为结构定位，用最简页面载人更快捷。

人员的修改和维护，更大化地优化了搜系引擎的搜索，使载入快。

1.1.2 CSS 简介

CSS以HTML语言为基础，为了优化HTML而存在

1. CSS的发展

2. 浏览器对CSS3的支持

：由于浏览器的私有属性，会在css的细节处理上存在偏差。

3. CSS的编辑器

NotePad+记事本)等编辑工具，也可以选择专业的Css编辑工具

1.2 CSS基本选择器

选择器的由来：让css规则与HTML的元素对应，建立的规则，使CSS对HTML选择你。

CSS的样式定义由若干条样式规则组成，这些样式可以应用到不同的、被称为选择器(Selector)的对象上。CSS 的样式定义就是对指定选择器的某个方面的属性进行设置，并给出该属性的值。

在CSS中，根据选择器的功能或作用范围，选择器主要分为标记选择器、类选择器和ID选择器3.种。另外，还包括一些复合选择器，例如交集选择器、并集选择器和后代选择器等

在CSS中，根据选择器的功能或作用范围，选择器主要分为标记选择器、类选择器和ID选择器3.种。另外，还包括一些复合选择器，例如交集选择器、并集选择器和后代选择器等

Css可以认为是由多个选择器组成的集合，每个选择器由3个基本部分组成一选择器"名称"、“属性"和"值”。

格式定义描述如下：
selector
property:value;
其中，seleor有不同的形式，包括HIML标记(例-body，也可以用户自定义标记: popory是选择器的属性: value 指定了属性值，如果需要定义选择器的多个属性，则属性和属性值为一组，组与组之间用分号(;)格式隔开

1.2.1标记选择器

用于统一页面中所有同类标记的显示样式

CSS语句对属性和值的要求很高，若属性不存在，值不符合要求，则代码无效

p选择器：

1.2.2 类选择器

对部分控制，用来为一系列标记定义相同的呈现方式，语法格式

className是选择器的名称，具体名称由CsS制定者自己命名。如果一个标记具有 class属性且属性值为Name，那么该标记的呈现样式由该选择器指定。在定义类选择符时，需要在className前面加一个句点"."。

1.2.3ID选择器

D选择器和类选择器在设置样式的功能上类似，都是对特定属性的属性值进行设置。但ID选择器的一个重要功能是用做网页元素的唯一.标识， 所以，HTML文件中一个元素的ID属性值是唯一的。

id属性值在文档中具有唯一性。在定义ID