第9章 CSS基础知识_第1页
第9章 CSS基础知识_第2页
第9章 CSS基础知识_第3页
第9章 CSS基础知识_第4页
第9章 CSS基础知识_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第9章

CSS基础知识本章学习要点：

CSS基本结构

CSS语法CSS的发展CSS的出现是有其自身的历史原因。HTML网页设计最初是用HTML标签来定义页面文档及其格式的，但这些标签数量有限而且随着标签的扩充，各个浏览器厂商对于标签制定的标准很难统一。为此W3C协会（TheWorldWideWebConsortium）把动态HTML分为三个部分来实现：脚本语言(JavaScript、Vbscript等)、支持动态效果的浏览器InternetExplorer、NetscapeNavigator等)和CSS样式表。1996年12月，W3C协会推出HTML4.0标准的同时推出了样式表标准CSS1.0，并于1999年1月进行了重新修订。1998年5月，发布了CSS2.0版本，样式表得到了更多的充实，添加了对媒介和可下载字体的支持。2001年5月，发布了CSS3.0版本，并不断地加以完善和补充，直到目前该版本成为目前应用最广泛的样式表标准。CSS的特点结构和格式分离精确控制页面元素使页面体积更小，下载更快页面格式批量处理，网站维护方便CSS定义方式——外部样式外部样式：定义在单独的样式文件（.css）中的样式。可以通过在<head>标签中的<link>标签将网页链接到外部样式表。其应用范围可以应用于任何页面。其语法格式如下：<head>

<linkrel="stylesheet"href="*.css"type="text/css"></head>其中，*.css是单独保存的样式表文件，该文件中不能包含<style>标签，并且只能以css为后缀。CSS定义方式——内部样式内部样式：在网页上创建嵌入的样式表，可以通过在<head>标签中的<style>标签来定义。其应用范围只能应用于定义该样式页面。其语法格式如下：<head>

<styletype="text/css">

<!--样式表的具体内容-->

</style></head>其中，type=“text/css”表示样式表采用MIME类型，帮助不支持CSS的浏览器过滤掉CSS代码，避免在浏览器中直接以源代码的方式显示样式表。但为了保证上述情况一定不发生，还是有必要在样式表里加上注释标识符“<!---->”。CSS定义方式——行内样式行内样式：定义在HTML标签的style属性的样式。其应用范围只能在定义时，应用于该元素。其语法格式如下：<tagstyle="properties">网页内容</tag>这种方法不被常用，因为这种方法无法发挥样式表“内容结构和格式控制分别保存”的优势。CSS基本语法CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。其基本语法格式如下：selector{property:value}其中，属性和属性值之间用一个冒号“:”分开，以一个分号“;”结束，并且用一对大括号“{}”括起来。选择符单元素名作为选择符class（类）作为选择符ID（标识符）作为选择符元素组合作为选择符属性字体属性文本属性背景属性定位属性尺寸属性边框属性边距和填充距属性值CSS中的值具有不同的写法和单位。例如颜色的值，除了英文单词red，还可以使用十六进制的颜色值#ff0000来表示。示例代码如下：p{color:#ff0000;}为了节约字节，还可以使用CSS的缩写形式：p{color:#f00;}还可以通过两种方法设置RGB值：p{color:rgb(255,0,0);}p{color:rgb(100%,0%,0%);}课后小结

人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论