CSS基础与网页呈现艺术

需积分: 15 0 下载量 130 浏览量 更新于2024-07-22 收藏 9.1MB PDF 举报
Web系统与技术06 CSS.pdf文档深入探讨了Cascading Style Sheets (CSS)在网页设计中的核心作用。CSS作为万维网联盟(W3C)制定的一个标准,其目的是定义HTML元素的呈现(或外观),旨在提供更好的网页风格管理和布局控制。该文档详细讲解了以下几个关键知识点: 1. **CSS基础**: - CSS是一个用来描述HTML元素样式和布局的语言,允许设置字体属性、颜色、尺寸、边框、背景图像以及元素的位置等视觉特性。 2. **CSS发展历史**: - CSS1于1996年发布,并在1999年进行了修订,针对HTML过多的属性,如布局信息和`<style>`标签的使用,CSS开始接管这些任务,HTML中的`style`属性被标记为过时。 - CSS2在1998年推出,解决了CSS1的一些不足,提供了更丰富的功能,如表格格式化,但需注意IE7在遵循CSS2标准上有差异。 - CSS3是一个正在进行中的复杂模块化开发,尽管部分特性已经实现,但整体仍处于不断更新和完善的过程中。 3. **CSS2特性**: - CSS2引入了对表格格式化的支持,这是CSS1所不具备的。 - CSS2强调分离表现和结构,使用选择器/声明模型,使样式规则更为明确和可管理。它还包含了如`font`、`color`、`background`等基本样式属性,以及如`text-transform`和`border-style`等高级特性。 4. **CSS与HTML的关系**: - HTML最初是基于简单布局的标记语言,随着CSS的发展,越来越多的布局控制(如`align`和`color`)被引入,使得设计师能将关注点集中在内容和样式上,而非硬编码每个元素的具体布局。 5. **CSS的作用和局限性**: - CSS的主要作用是增强网页的视觉效果和一致性,通过选择器确定要应用样式的元素,并通过继承和级联机制确保样式的一致性。然而,CSS的局限在于它不能改变HTML文档的结构,只能调整其呈现形式。 通过学习这个文档,读者可以掌握如何使用CSS来优化网页设计,提高页面的可维护性和一致性,同时理解CSS的发展历程及其在现代Web开发中的重要地位。无论是初学者还是进阶开发者,都能从中找到提升网页设计技巧和理解CSS工作原理的有价值内容。
2018-06-16 上传
国家级实验教学示范中心联席会计算机学科规划教材 教育部高等学校计算机类专业教学指导委员会推荐教材 面向“工程教育认证”计算机系列课程规划教材 谢从华,高蕴梅,黄晓华.Web系统与技术[M],清华大学出版社,2018年6月 第1章 Web系统与技术的基础知识... 1 1.1 Internet介绍... 1 1.1.1 Internet含义... 1 1.1.2 TCP/IP协议... 1 1.1.3 域名... 2 1.1.4 URL. 3 1.1.5 MIME. 3 1.1.6 HTTP协议... 4 1.2 Web浏览器... 5 1.3 Web服务器... 5 1.3.1 Web服务器... 5 1.3.2 Apache服务器... 5 1.3.3 IIS服务器... 6 1.4系统的主要技术概述... 7 1.4.1 HTML 概述... 7 1.4.2 JavaScript概述... 8 1.4.3 XML概述... 8 1.4.4 PHP概述... 8 1.4.5 Ajax概述... 9 1.5习题... 9 第2章 HTML网页设计基础... 10 2.1 HTML 网页... 10 2.1.1 简介... 10 2.1.2 HTML文件结构... 10 2.1.3 文件编辑器... 12 2.2 HTML基本标签... 13 2.2.1 元信息标签<Meta>. 13 2.2.2 文本标签... 18 2.2.3 列表标签... 20 2.2.4 表格标签... 24 2.2.5 超级链接标签... 27 2.2.6 图像标签... 29 2.2.7 背景声音标签... 29 2.2.8 视频标签... 29 2.3 网页表单和控件... 30 2.3.1 表单标签<form>. 30 2.3.2 表单的控件... 31 2.3.3 获取表单数据... 37 2.4 框架标签... 39 2.4.1 帧标记<frame>. 39 2.4.2 IFRAME标记... 40 2.5 习题... 40 第3章 CSS样式设计... 43 3.1 CSS 简介... 43 3.2 CSS 语法与使用... 43 3.2.1 CSS定义语法... 43 3.2.2 CSS的使用... 44 3.2.3 选择符... 48 3.3 CSS样式设计... 51 3.3.1字体样式... 51 3.3.2文本样式... 53 3.3.3颜色样式... 56 3.3.4 列表样式... 57 3.3.5表格样式... 60 3.4.6 鼠标样式... 64 3.4.7 滤镜样式... 67 3.4 CSS页面布局... 78 3.4.1 文本对齐... 78 3.4.2盒子模型... 81 3.4.3文字环绕float样式... 85 3.4.4 元素定位... 86 3.6 习题... 88 第4章 网页数据的有效性验证... 92 4.1验证控件... 92 4.1.1 验证控件分类... 92 4.1.2 ASP页面验证控件... 92 4.2 正则表达式... 102 4.2.1常用的元字符... 102 4.2.2 复杂的正则表达式... 102 4.3 正则表达式应用... 104 4.3.1 RegExp对象... 104 4.3.2 String 对象的正则表达式方法... 106 4.4 常见的正则表达式... 107 4.5 习题... 108 第5章 JavaScript编程技术... 109 5.1 JavaScript编程基础... 109 5.1.1 JavaScript简介... 109 5.1.2 Javascript的使用方法... 109 5.1.3 语法规则... 111 5.1.4 运算符和表达式... 112 5.1.5 函数... 117 5.1.6流程控制... 121 5.1.7 事件处理... 128 5.2 JavaScript对象编程... 130 5.2.1 Object 类型... 131 5.2.2 Array对象... 131 5.2.3 String对象... 133 5.2.4 Math对象... 138 5.2.5 Number对象... 142 5.2.6 Data对象... 143 5.3 JavaScript ActiveX编程技术... 145 5.3.1 FileSystemO