文档介绍:张文康廊坊师范学院信息技术提高班第九期
努力、奋斗、拼搏!!!
CSS学习篇之——初始CSS+DIV
分类: B/S学习 2013-12-18 08:25 409人阅读评论(5) 收藏举报
CSS概述?
 
CSS是Cascading StyleSheets的英文缩写,英文意思的层叠
样式表,它是一种用来表现html货xml等文件样式的一种计算机语
言,这种计算机语言可以真正做到网页表现与内容分离的一种样
式设计语言。
相对于传统html表现而言,CSS能够对网页中的对象位置排版进
行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网
页对象和模型样式编辑的能力,并能够进行初步的交互设计,是
目前基于文本展示最优秀的表现设计语言。
 
CSS特点?
 
CSS样式定于了如何显示html元素,样式通过存在在样式表
中,它把样式添加到html中,是为了解决内容与表现分离的问题,
外部样式表可以极大的提高工作效率,外部样式表通过存储在CSS
文件中,多个样式定义可层叠为一。
 
CSS怎么使用?
 
CSS使用方法有三种,分别是外部样式,内部样式表(位于
<head>标签内部和内联样式(在 HTML 元素内部)。
 
1
外部样式
 
外部样式是指将网页链接到外部样式表,当要再站点上所有货
部分网页上一致地应用相同样式时,可使用外部样式表。
<head>
<linkrel="stylesheet" type="text/css"href="" />
</head>
在一个或多个外部样式表中定义样式,并将它们链接到所有网
页,便能确保所有网页外观的一致性。如果人们决定更改样式,
只需在外部样式表中修改一次,而该更改会反映到所有与该样式
表相链接的网页上。,例如
。然后在需要此样式的页面中将其链接进来
       内部样式表
即“嵌”在网页的<HEAD>标记符内。嵌入的样式表中的样式只能
在同一网页上使用。
<head>
<title>页面标题</title>
<styletype="text/css">
<!--
p{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
2
-->
</style>
</head>
       内联样式
即使用在html标记符中的样式,只对当前的html标签起作用
<p style="color:#FF0000;font-size:20px;text-decoration:underline;">正文内容1</p>
CSS与DIV
提到CSS就不能不提到DIV,DIV可以定义文档中的的分区或
节,DIV标签可以把文档分割为独立的、不同的部分,它可以用来
用作严格的组织工具。当我们把CSS用到DIV中去以后,我们就不
但可以严格设