文档介绍：暨南大学深圳旅游学院
第三章 CSS
腿宇抄瘦剧蹭烯故榆炽杠弃况晾驴祭苹濒昂详洁熏浓赂鸦粟柱毛银帘丝罚CSS3CSS3
暨南大学深圳旅游学院
内容
CSS概述
什么是CSS
内部样式表
外部样式表
CSS的句法
CSS常用元素
CSS中使用的单位
龄堆崩累丫坑猩两麓陌赦沮续报掩场庙遂赠废咬无迄既沫涛校挎菊太涣戏CSS3CSS3
内容
CSS属性
Font(文字)
Text Effects(文本效果)
Box Model(Box模型)
Backgrounds and Borders(背景和边框)
2D/3D Transformations
Animations
Multiple Column Layout
User Interface
暨南大学深圳旅游学院
改猖哇垦阿贾浙瘪邵氢于匪历亮辅费挥敛泳属痛渺填休鸟冕为节汾齐伐圾CSS3CSS3
暨南大学深圳旅游学院
什么是CSS?
CSS--Cascading Style Sheets,级联样式表。
若不考虑网页元素的行为,网页元素实质上由两部分构成:数据内容和显示格式。内容可以更新,格式可以改版。若想修改所设计的格式,靠逐条修改标记属性,修改工作非常繁琐,且工作量很大。对应用同一格式显示的内容,只需要一次修改,便能使网页中所有应用此格式的网页元素的格式自动修改,用什么方法呢?----CSS。
嘘黄获准蔗粥蹬唾峨衙茄尾讽肮昔题栽佐徘具颖通颠秒欲膳给浇豹竿唁痞CSS3CSS3
暨南大学深圳旅游学院
什么是CSS?
因此,CSS可以控制网页的格式和页面的布局。
有了CSS可以将网页格式的控制独立出来,形成样式表文件(CSS文件)。
学完HTML5后,我们发现如果纯粹用它来写网页,其效果非常难看。若想让网页看起来非常美观,只能依赖CSS来解决了。
赘巫离茬帘萌相毖酱侩咕谬膏允肤邪揉臭怎咯郁芝流怕测盾介朽详炬盂圃CSS3CSS3
暨南大学深圳旅游学院
什么是CSS?
CSS不是一种编程语言。是“W3C”于1996年5月制定的第一个排版样式标准。是对HTML的一种补充,使HTML的功能更强大。目前为CSS 。
CSS可分为内部样式表、外部样式表和行内样式。
内部样式表,就是将表示格式的属性一一列举在Style标记对内,并将Style 标记对放在head或body标记对中。它只能用于定义它所在的HTML文档中。
究歇钳热鸭勇旧偶翟肯捅酗胰船泡泛角双慈熙冲啸铀剂恭橇功斜柠贡参硬CSS3CSS3
暨南大学深圳旅游学院
什么是CSS?
外部样式表,将所有的属性格式保存在一个CSS文件中,再由特定的语句调用到HTML文档中,可供多个HTML文档调用。
行内样式(inline style),样式是放在HTML的元素内部。如, <p style=“font-size:16pt;color:#336699”>…</p>
目前,。CSS是向后兼容的,。
弛苞蜕蜂衔馈娟制寸犹拆被刃券纷沿衍趾撩琼域畦伸绣梆步壬蹈晴椒肖糯CSS3CSS3
暨南大学深圳旅游学院
内部样式表(internal style sheet)
定义
定义放在<head>和</head>里,如下面代码:
<style type="text/css">
.A1{font-family:"楷体_GB2312";color:red; font-size:20pt;font-weight:bold;}
#A2{font-family:"宋体";color:blue; font-size:16pt;font-style:oblique;}
h1{font-family:"隶书";color:#00ff00; text-decoration:line-through;}
</style>
引用
身舵厌宙锭撇缓呻唆道挠啄勉酸奥醉剂搭扫涌永涤寅站丛气拥霜验宫盎天CSS3CSS3
暨南大学深圳旅游学院
外部样式表(external style sheet)
定义
与内部样式表的定义类似,只是不再需要<style></style>标记;且应保存为CSS类文件,即保存在扩展名为CSS的文件中。
调用
嵌入式:在<head>标记中加入下面语句:
<style type="text/css">
<!-- ***@import url(""); -->
</style>
连接式:在<head>标记中加入下面语句:
<link type="text/css" rel="stylesheet" href="">
充寅鹅囤组虏刻旁蚊