13 ，CSS 入门基础,行内排版内嵌式排版和外部排版样式

1.认识 CSS

2.传统 HTML 设计网页版面的缺点

3.CSS 的特点

4.CSS 的排版样式

13.1 认识CSS

CSS的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式,并且 CSS2规范

也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还

可以被其他标记语言拿来制作排版样本,如 HTML,XML 文件都可以应用 CSS,来美化网页的

设计,大家如果学会 CSS,在 HTML,XHTML,XML 文件中都可以使用.

13.2 传统 HTML 设计网页版面的缺点

使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML

并非完全着眼在网页排版的功能上,而这对 XHTML 而言更是如此,因为 XHTML 有意将原先

HTML 中有关网页版面的标记或属性遗弃不用,如,

,color,background,bgcolor 等

等,所以对 XHTML 文件而言,其排版与显示的功能比 HTML 文件更弱,所以使用 XHTML 来

设计网页更需要搭配 CSS 排版样本.

13.3 CSS 的特点

HTML 排版时的缺点:

设置麻烦,修改麻烦,功能严重不足.

CSS 样式排版的优点:

排版属性功能完整,排版文件可以独立存在,可以共用排版文件

CSS 样式排版的分类:

内行排版样式,内嵌式排版样式,链接式排版

13.4 CSS 的排版样式

行内排版样式:

格式:<标记名称 style=”属性 1:属性值 1;属性 2:属性值 2”>…</标记名称>

例 :

排版样式

排版专用标记:

与

这两个标签都是用来设置涵盖一个区块为主.区块就是表示一行以上的数据 .如果

没有一样,则与该数据显示前后都不会跳行.

内嵌式排版样本:

内嵌式排版中所有的样式定义都必须在又

必须在…之间.

与其功能,又可以分为三种,

标记定义型
class 定义型
id 定义型

标记定义型格式:

<标记名称>…</标记名称>

class 定义型格式:

<标记名称 class=”定义名称”>…</标记名称>

id 定义型格式:

<标记名称 id=”定义名称”>…</标记名称>

“行内”和”内嵌式”排版定义的优先级:

CSS 规定,范围越小,优先级越高.

由小到大排列:

行内
class 和 id 定义型
标记定义行

id 的优先级高于 class 级.

外部排版样式定义:

独立的样式排版:

标记名称{属性 1:属性值 1;属性 2:属性值 2;}

.定义名称{属性 1:属性值 1;属性 2:属性值 2;}

在…之间使用

格式:

在…之间使用 import

格式：

CSS 行内排版内嵌式排版和外部排版样式:

无标题文档

我是行内排版样式：格式:<标记名称 style=”属性 1:属性值 1;属性 2:属性值 2”>…

13 ，CSS 入门基础,行内排版内嵌式排版和外部排版样式相关推荐

CSS入门基础----行内元素、块级元素和行内块元素的特点和转换
块级元素常见的块元素有<h1>~<h6>.<p>.<div>.<ul>.<ol>.<li>等,其中<div& ...
CSS入门基础-目录
CSS简介-CSS入门基础(001) CSS选择器-CSS入门基础(002) id选择器的使用-CSS入门基础(003) 子选择器的使用-CSS入门基础(004) 字体样式-CSS入门基础(005) ...
CSS入门基础（样式，css文件，选择器）
CSS入门学习 CSS的简介基本语法结构基本用法给元素添加样式行内样式内部样式外部样式定义样式css文件在html中引入css文档选择器标签选择类选择 id选择 CSS的简介层 ...
学起来 —— CSS 入门基础
Hello,大家好! 小女来更博啦!CSS福利送上~~~ 首先给大家介绍一下CSS到底是什么? 一.CSS概念 W3C规范中,要求有三条:一为"两个分离",二为语言遵循语义化, ...
CSS入门基础学习（上）
css是层叠样式表的简称,有时称为css样式表或级联样式表. css是一种标记语言,用于设置HTML页面中的文本内容,图片的外形,以及版面的布局和外观显示样式.可以美化HTML的外观页面看起来更加简介 ...
CSS入门基础详解——笔记、案例
CSS入门学习一.CSS简介 1.什么是css css:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记 ...
【测试基础】之03 CSS入门基础
CSS基础目标知道CSS的作用基本掌握CSS语法规则 CSS简介 CSS:(Cascading Style Sheets)指层叠样式表作用:用来定义如何显示HTML元素(定义HTML元素的样式 ...
python系统函数教程_Python入门基础教程之Python内置函数
函数就是以功能为导向,一个函数封装一个功能,那么Python将一些常用的功能(比如len)给我们封装成了一个一个的函数,供我们使用,他们不仅效率高(底层都是用C语言写的),而且是拿来即用,避免重复早轮 ...
字间距、词间距的使用-CSS入门基础（010）
今天我们接着分享文本样式的内容. letter-spacing字母间距: 在css中,我们可以使用letter-spacing属性定义字间距. 语法: letter-spacing:像素值: 我们一般 ...

13 ，CSS 入门基础,行内排版内嵌式排版和外部排版样式

13 ，CSS 入门基础,行内排版内嵌式排版和外部排版样式相关推荐

最新文章

热门文章