HTML基础知识之CSS 入门基础
1、认识 CSS
CSS 的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式, 并且 CSS2 规范也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还可以被其他标记语言拿来制作排版样本, 如 HTML,XML 文件都可以应用 CSS,来美化网页的设计, 大家如果学会 CSS,在 HTML,XHTML,XML 文件中都可以使用.
2、传统 HTML 设计网页版面的缺点
使用传统 HTML 控制标记来设计网页, 在先天上就无法与排版样本来做比较,因为 HTML并非完全着眼在网页排版的功能上, 而这对 XHTML 而言更是如此,因为 XHTML 有意将原先HTML 中有关网页版面的标记或属性遗弃不用, 如<font>,<center>,color,background,bgcolor 等等, 所以对 XHTML 文件而言, 其排版与显示的功能比 HTML 文件更弱, 所以使用 XHTML 来设计网页更需要搭配 CSS 排版样本.
3、 CSS 的特点
HTML 排版时的缺点：
设置麻烦, 修改麻烦, 功能严重不足.
CSS 样式排版的优点：
排版属性功能完整, 排版文件可以独立存在, 可以共用排版文件
CSS 样式排版的分类：
内行排版样式,, 内嵌式排版样式,, 链接式排版
4、CSS 的排版样式
Ø 行内排版样式：
格式：<标记名称 style=“属性1:属性值1; 属性2:属性值2”>…</标记名称>
例 ：<p style=“font-size:27px;color:red;text-align:center”>排版样式
排版专用标记：<div> 与<span>
5、这两个标签都是用来设置涵盖一个区块为主。区块就是表示一行以上的数据。如果没有一样，则<span> 与</span>该数据显示前后都不会跳行。
6、Ø 内嵌式排版样本：
内嵌式排版中所有的样式定义都必须在 <style>..</style> 之间, 而<style>..</style> 又
必须在<head>..</head>之间。与其功能, 又可以分为三种,
1. 标记定义型
2. class 定义型
3. id 定义型
7、标记定义型格式：
8、class 定义型格式：
9、id 定义型格式：
10、“行内”和”内嵌式”排版定义的优先级：
CSS 规定，范围越小，优先级越高。
由小到大排列：
1. 行内
2. class 和 id 定义型
3. 标记定义行
id 的优先级高于 class 级.
11、Ø 外部排版样式定义:
独立的样式排版:
标记名称{属性 1:属性值 1;属性 2:属性值 2;}
. 定义名称{ 属性 1:属性值 1;属性 2: 属性值 2;}
在<head>…</head>之间使用<link>，格式:
12、在<head>…</head>之间使用 import，格式：
