基于WEB程序设计基础
第1章 web程序设计基础
1.4.1CSS简介
应用样式表有三种方法：局部、内部和外部。内 部样式表和外部样式表合称为级联式样式。直接 将样式控制放在单个HTML元素内，称为局部样 式或行内样式；在head部分直接实现的CSS样式， 称为内部样式；在head部分通过导入以扩展名 为.css的文件来实现CSS样式，称为外部样式。 在这些方法中，可以只使用一种，也可以同时使 用这三种，一般说来局部样式将覆盖任何内部样 式，内部样式将覆盖外部样式，实际上，这就是 层叠样式表的由来。
1.3 XHTML标记及其属性
1．主体标记<body>…</body> 2.分层标记<div>…</div> 3.文本格式化设置标记 4. 表格标记 5. 图像标记<img /> 6. 超链接标记<a>…</a>
1.4 CSS基础
CSS(Cascading Style Sheets，中文译为层叠样式 表)是用于控制(增强)网页样式并允许将样式信息 与网页内容分离的一种标记性语言，现在已经为 大多数的浏览器所支持。它在字体、样式、风格 等方面的突出表现使其迅速在网页制作中流行起 来，成为网页设计必不可少的工具之一。利用 CSS样式，不仅可以控制一个网页文档中的文本 格式，而且通过引用外部样式表的方式还可以控 制多个网页文档中的文本格式。
1.6 概述
1.6.1 发展概述 1996年，Microsoft推出了ASP（Active Server Page）1.0版 1998年，微软发布了ASP 2.0和IIS 4.0。 之后，又推出了IIS 5.0和ASP 3.0。 2002年 1.0也应运而生 2003年，Microsoft公司发布了Visual Studio 2003（简称VS 2003） 2005年， 1.0升级为 2.0。 2008年， Visual 2008(简称VS 2008)
Web程序设计(第三版)第1章web基础知识
1.4 IP地址、域名和URL
1.4.1 IP地址 • IP地址是识别Internet中主机及网络设备的 唯一标识。 • 每个IP地址长度为4 B（字节），共32位 • 由两部分组成：
− 网络地址 − 主机地址
Internet的名称与定义
Internet的中文译名为因特网，也被称为国际互联网。 Internet的简单定义为：Internet就是由多个不同结构的网络， 通过统一的协议和网络设备（即TCP/IP协议和路由器等）互相连 接而成的、跨越国界的、世界范围的大型计算机互联网络。 Internet可以在全球范围内，提供电子邮件、WWW信息浏览与 查询、文件传输、电子新闻、多媒体通信等服务功能。 思考：计算机网络的定义？ 计算机网络就是将地理位臵不同的多台计算机，通过通信设备和 线路将其进行物理上的连接，并按照协议进行通信，实现网络资源 共享的系统。
浏览器/服务器结构(Browser/Server, B/S)
尝试分析这两种模式的优缺点？
图示C/S结构
客户端和服务器都是指通 信中所涉及的两个应用进 程（软件） 这里，服务器程序是运行 中的数据库管理系统
这里，客户端程序是实现 用户登录、浏览、查询特 定数据、连接数据库的程 序
互连网的域名管理机构将顶级域的管理权分派给指定的 管理机构，各管理机构对其管理的域继续进行划分，即划分 成二级域，并将二级域的管理权授予其下属的管理机构，依 此类推，便形成了树型域名结构。
1.4 IP地址、域名和URL
1.4.3 统一资源定位器URL
• 统一资源定位器URL（Uniform Resource Locator）是 用来确定某种信息位臵的方法. •其格式如下： <信息服务类型>：//<信息资源地址>/<文件路径>
web程序设计教程
web程序设计教程Web程序设计是一种能够开发和构建网站、应用程序和其他在线平台的技术。
它涵盖了各种编程语言、框架和工具，用于创建动态和交互式的用户界面。
在进行Web程序设计时，首先需要了解基本的编程概念和技术，如HTML、CSS和JavaScript。
其中，HTML用于定义网页的结构和内容，CSS用于设置网页的样式和布局，JavaScript则用于实现交互和动态效果。
除了基本的前端技术外，掌握后端开发也是Web程序设计的关键。
后端开发主要使用服务器端编程语言和数据库技术，以处理网站的业务逻辑和数据存储。
常见的后端编程语言包括PHP、Python、Java和Ruby等。
数据库技术则用于管理和存储网站的数据，如MySQL和MongoDB。
在Web程序设计中，常常使用框架来简化开发过程。
框架是一种提供了许多现成功能和工具的软件工具包，用于加快开发速度和提高代码质量。
常见的前端框架有Bootstrap和Vue.js，而后端框架有Django、Laravel和Spring等。
另外，Web程序设计还涉及到与用户的交互和数据传输。
这包括前后端的数据通信、表单提交、用户认证和授权等。
为了实现这些功能，可以使用AJAX来进行异步数据交互，也可以使用RESTful API来进行前后端的数据交互。
最后，Web程序设计中的安全性也是非常重要的。
为了保护网站和用户的数据安全，需要采取一系列安全措施，如输入验证、密码加密、防止数据库注入和跨站点脚本攻击等。
总之，Web程序设计是一个广泛而深入的领域，需要掌握各种前端和后端技术、框架和工具，以及安全性和性能优化等方面的知识。
掌握这些技能，不仅可以开发出功能强大的网站和应用程序，还可以提供良好的用户体验和安全性保障。
Web程序设计基础整理
Web程序设计基础整理⼀、基础知识1.静态⽹页和动态⽹页静态⽹页动态⽹页编程语⾔html html + ⾼级语⾔⽂件后缀名*html *htm*.asp *.jsp *.pip *.osp⽹页运⾏双击⽂件，直接可直接在浏览器运⾏需要配置运⾏环境，Jsp的运⾏环境为II或tomcat或resin服务器运⾏速度快慢⽹页数据更新⽹页上的数据相对动态变化的，数据⼤多存放于数据库管理系统中，更新容易⽹页上的数据相对静⽌不变，数据更新困难2.B/S结构和C/S结构⽐较B/S C/S系统维护易更新更新较⿇烦安全性较差较好应⽤程序基于互联⽹运⾏的⽹站基于局域⽹运⾏的管理信息系统（如ERP）3.域名的特点易于理解和记忆使⽹络服务更易于管理在应⽤上与IP等效⼆、⽹页开发⼯具和开发环境1.常见⽹页开发技术ASP JSP PHP 2.⽹站开发步骤1. 需求分析2. ⽹站设计3. 编写代码4. 测试运⾏3.⽹页内容结构1. 头部2. 中间主体部分3. 尾部（版权声明）三、HTML形式<标签名>相应内容<\标签名> 对⼤⼩写不敏感1.⽂档结构<html><head>...</head><body> HTML ⽂件的正⽂写在这⾥... ... </body></html>2.body结构<body bgcolor=# text=# link=# background=# leftmargin=# rightmargin=# topmargin=#>bgcolor --- 背景⾊彩text --- ⾮可链接⽂字的⾊彩link --- 可链接⽂字的⾊彩background --- 当前⽹页的背景图⽚leftmargin --- 页⾯左边的空⽩rightmargin --- 页⾯右边的空⽩topmargin --- 页⾯顶端的空⽩⾊彩 #=rrggbb，⽤ 16 进制的红－绿－蓝(red-green-blue, RGB) 值或使⽤颜⾊的英⽂来来表⽰图⽚的路径⼀般采⽤相对路径，即当前⽹页⽂件和图⽚的相对路径3.超链接标记<a href=# target=#>⽂字或图⽚</a>href --- 链接到某个⽹址或⽹页⽂件或 href="exam2.html" 例如：href=target --- 以何种⽅式打开此链接target=blank --- 表⽰新开窗⼝打开链接target=_self --- 表⽰在本窗⼝打开链接target=_parent --- 表⽰在⽗窗⼝打开链接4.图⽚标记<img src=# alt=# align=# border=#>src --- 图⽚⽂件的路径，⼀般采⽤相对路径alt --- ⿏标移到图⽚上，显⽰的说明⽂字align=left --- 表⽰图⽚在⽹页中左对齐align=right --- 表⽰图⽚在⽹页中右对齐align=center --- 表⽰图⽚在⽹页中居中对齐border--- 表⽰图⽚边框的厚度，其值为数字5.标尺线标记<hr size=# width=# align=# noshade color=#>size --- 标尺线的粗细度（⽤数字表⽰）width --- 标尺线的长度（⽤数字表⽰）align --- 标尺线的对齐⽅式Color --- 标尺线的颜⾊6. 标题字体标记<h# align=#> ⽂字</h#> #=1, 2, 3, 4, 5, 6例：<h1 align=center>今天天⽓真好！</h1>今天天⽓真好！7.普通字体标记<font size=9 color=blue face=#>⽂字</font>⽂字size --- 字体的⼤⼩（⽤数字表⽰）color --- 字体的颜⾊Face --- 字体的类型例⼦：今天天⽓真好！8.物理标记字体<b>今天天⽓真好！</b><i>今天天⽓真好！</i><u>今天天⽓真好！</u><tt>今天天⽓真好！</tt><sup>今天天⽓真好！</sup><sub>今天天⽓真好！</sub><s>今天天⽓真好！</s><strike>今天天⽓真好！</strike>今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！今天天⽓真好！字体标记的嵌套<i><font size=5 color=red><b>今天</b> 天⽓<font size=6 face="times new roman"> 真好good！</font> </font></i>今天天⽓真好good！9.段落、⾏、分区标记段落标记语法：<p align=#>⽂字或图⽚</p>⾏标记语法：<br> --- 表⽰换⾏<nobr>--- 表⽰不换⾏分区标记语法：<div align=#>⽂字或图⽚</div>居中标记：<center>⽂字或图⽚</center>空格标记： 10.⽆序列表标记<ul><li type=#>...</ul> ntype=disc或circle或square#例如<ul><li type=disc>ONE<li type=circle>TWO<li type=square>THREE</ul>ONETWOTHREE11.有序列表标记<ol start=#><li type=#>...</ol>#例：： <ol start=5><li >ONE-ONE<li>ONE-TWO<ol start=10><li>TWO-ONE<li type=i>TWO-TWO</ol></ol>start=# ---有序列表中的序号起始值type=A, a, I, i, 1（默认值为1)12.表格标记<table><tr><td>⽂字</td></tr>…</table>#例⼦：⼀张两⾏三列的表格<table><tr><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td>85</td><td>90</td><td>80</td></tr></table>tr --- 表⽰表格的⾏td --- 表⽰表格的列表格标记的属性<table width=# height=# bgcolor=# align=# background=# cellspacing=# cellpadding=# border=# bordercolor=#></table> width --- 表⽰表格的宽度，可以⽤数字或百分⽐表⽰height --- 表⽰表格的⾼度，可以⽤数字或百分⽐表⽰bgcolor --- 表⽰表格的背景颜⾊Align--- 表⽰表格的⽔平对齐⽅式Background--- 表⽰表格的背景图⽚，图⽚⽂件地址Cellspacing-- 表⽰表格的⾏间距Cellpadding-- 表⽰表格的列间距Border - 表⽰表格的列间距边框粗细度，=0为⽆边框bordercolor - 表⽰表格若有边框，边框的颜⾊列标记和⾏标记的属性<tr width=# height=# bgcolor=# align=# valign=# ><td width=# height=# bgcolor=# align=# valign=# ></td></tr>width --- 表⽰⾏或列的宽度，可以⽤数字或百分⽐表⽰height --- 表⽰⾏或列的⾼度，可以⽤数字或百分⽐表⽰bgcolor --- 表⽰⾏或列的背景颜⾊Align --- 表⽰⾏或列的⽔平对齐⽅式Valign --- 表⽰⾏或列的垂直对齐⽅式（top,middle,bottom）跨多⾏或多列<td colspan=#>#例1：<table><tr><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td>85</td><td>80</td><td>85</td></tr></table>英语数学语⽂英语数学语⽂858085语法2（跨多⾏）： <tr rowspan=#>#例2：<table><tr rowspan=2><td>英语</td><td>数学</td><td>语⽂</td></tr><tr><td >90</td><td>80</td><td>85</td></tr></table>英语数学语⽂90808513.表单标记<form action=# method=#>输⼊框标记</form>action=# --- 输⼊框⾥的数据提交到某个⽹页⽂件，采⽤相对路径Method=get,post --- 数据提交的⽅式注意：⼀个表单内可放置多个输⼊框。
WEB程序设计
WEB程序设计随着互联网的快速发展和广泛应用，WEB程序设计也成为了一种重要的技术。
本文旨在介绍WEB程序设计的基本概念和原则，以及一些常用的技术和工具。
一、WEB程序设计的概念WEB程序设计是指通过使用各种编程语言和技术，开发用于互联网的应用程序和网站的过程。
它的主要目标是实现用户友好的界面和功能丰富的网站，以满足用户的需求。
二、WEB程序设计的原则1. 用户体验优先：在设计WEB程序时，应该以用户体验为核心。
网站的界面设计应简洁明了，操作流程应简单易懂，以提高用户的满意度和使用便利性。
2. 响应式布局：由于现在的互联网设备多样化，网站的布局需要能够适应不同的屏幕尺寸和分辨率。
因此，采用响应式布局可以使网站在不同设备上展现出良好的效果。
3. 数据安全性：在WEB程序设计中，数据的安全性非常重要。
开发者需要采取一系列措施，如使用加密技术、访问控制、输入验证等，以保护用户的个人信息和数据安全。
4. 性能优化：WEB程序应该具有较高的性能，响应速度快、加载时间短。
为了实现这一目标，开发者应该合理利用缓存机制、压缩文件、优化代码等。
三、常用的WEB程序设计技术和工具1. HTML/CSS：HTML是一种用于构建网页结构的标记语言，CSS 用于控制网页的样式和布局。
开发者需要熟悉这两种语言，以实现网页的基本结构和外观。
2. JavaScript：JavaScript是一种常用的脚本语言，用于为网页添加交互和动态效果。
通过使用JavaScript，开发者可以实现表单验证、页面切换、动画效果等功能。
3. PHP：PHP是一种服务端脚本语言，广泛用于开发动态网站和WEB应用。
使用PHP，可以实现用户注册、登录、数据处理等功能。
4. 数据库：在WEB程序设计中，数据库是非常重要的组成部分。
常见的数据库管理系统有MySQL、Oracle、SQL Server等。
使用数据库可以方便地存储和管理数据。
5. 框架：为了提高开发效率和代码重用性，开发者可以使用一些WEB开发框架，如Django、Ruby on Rails等。
web设计基础课程设计
web设计基础课程设计一、课程目标知识目标：1. 理解Web设计的基本概念，掌握HTML、CSS和JavaScript的基础知识；2. 学习常见的网页布局方法，掌握网页设计的结构、表现和行为三部分；3. 了解Web设计中的用户体验和界面设计原则。
技能目标：1. 能够运用HTML创建网页结构，使用CSS进行网页样式设计和布局；2. 掌握使用JavaScript实现简单的交互效果，如动态内容加载、表单验证等；3. 能够运用Web设计原则和规范，设计出符合用户需求的网页。
情感态度价值观目标：1. 培养学生对Web设计的兴趣和热情，激发他们的创新意识和探索精神；2. 培养学生团队协作能力和沟通表达能力，让他们在学习过程中体验到合作与分享的快乐；3. 增强学生对网络信息安全和法律法规的认识，引导他们树立正确的网络道德观念。
课程性质：本课程为实践性较强的学科，注重培养学生的动手操作能力和实际应用能力。
学生特点：学生具备一定的计算机操作基础，对网络和新技术有较高的兴趣，但可能缺乏系统的Web设计知识。
教学要求：结合学生特点，以实践为主，理论联系实际，注重培养学生的实际操作能力和创新能力。
在教学过程中，关注学生的个体差异，提供有针对性的指导，确保每位学生都能达到课程目标。
通过分解课程目标为具体的学习成果，便于后续教学设计和评估。
二、教学内容1. 网页设计基础知识：- 网页设计概述：网页的概念、组成和分类；- 网页设计的基本原则：页面布局、色彩搭配、字体选用等；- 网页设计的流程：需求分析、设计、编码、测试和发布。
2. HTML和CSS基础：- HTML基本语法和标签：文档结构、文本、链接、图片、表格等；- CSS基本语法和属性：选择器、字体、颜色、背景、边框、盒模型、布局等；- 网页布局方法：固定布局、流体布局、响应式布局等。
3. JavaScript基础：- JavaScript语法和基本概念：变量、数据类型、运算符、控制结构等；- 函数和事件处理：函数定义、调用、事件绑定和触发；- DOM操作：获取和修改元素、添加和删除节点、属性操作等。
《Web程序设计基础》课件
H TM L 语言的基本结构
标签 < !DOCTYPE> < html> < head> < title> < body>
描述 定义文档类型。 定义HTML文档。 定义文档的头部。 定义文档的标题。 定义文档的主体。
C S S 样式表的基本概念
1
选择器
用于选择要样式化的HTML元素。
2
属性
用于设置HTML元素的样式，如颜色、字体、背景等。
响应式Web设计
响应式Web设计是一种设计方法，可确保网站在多个设备和屏幕尺寸下都能正确显示，并提供良好的用 户体验。
移动端W移动设备的用户需求，保证 良好的移动体验。
设计原则
简洁明了的界面、大而易操 作的按钮等可以增强移动用 户的体验。
适应性布局
通过使用弹性网格和媒体查 询等技术，确保内容在不同 屏幕尺寸下的适配。
3 增加竞争力
具备Web程序设计技能 可以使个人在求职市场 中脱颖而出，拓宽职业 发展道路。
Web程序设计的基本要素
HTML
用于定义网页结构和内容， 包括标题、段落、图像等。
CSS
用于控制网页的样式和布局， 包括字体、颜色、边距等。
JavaScript
用于添加交互和动态效果， 使网页更加生动和有趣。
Web程序设计为用户提供了互动和实时的在线体验，是现代互联网世界的核心。
关键技能
学习Web程序设计可以掌握HTML、CSS、JavaScript等技术，为职业发展打下基础。
为什么学习Web程序设计
1 广泛应用
Web程序设计技能在各 行业都有需求，是未来 职场发展的趋势。
2 创造力
基于web的程序设计
网络教育陕西师范大学远程教育学院考查课科目＿＿＿＿基于web的程序设计＿＿姓名＿＿＿＿杨勃＿＿＿＿＿＿＿＿＿学号＿＿＿＿＿61741510310007＿＿＿专业＿＿＿＿计算机科学与技术＿＿＿批次＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿层次＿＿＿＿＿专升本＿＿＿＿＿＿＿学习中心＿＿＿＿＿西北政法大学＿＿＿目录一基于web的程序设计在线考试系统 (1)二基于web的程序设计在线通信录 (19)三总结 (37)四参考文献 (38)一在线考试系统1.1 设计主题1．主题及选题意义随着教育现代化步伐的加快和计算机辅助教学的广泛应用，利用计算机的强大功能参与教学已成为教育工作者和教育科研人员广泛关注的研究领域。
在教育领域中，考试是整个教学过程中的重要环节，它是对学生所学知识和能力的一种评价，也是衡量教师教学效果优劣的一种教育测量手段。
通常的出卷方式是参与教学的教师根据自己的知识、经验、风格来收集、选取并编制试题，这样做虽然试题的效率、信用度高，但同样存在着一定的缺点，主要表现在由于人为因素的不确定性，可能会造成选题范围过于狭窄；耗费教师大量的时间、精力；不利于实现考、教分离。
在我国，随着高校招生规模的不断扩大，学校的学生越来越多，考试非常普遍，所在通过网络进行的在线考试是现阶段研究开发的一个热点。
它是建立在国际互联网上的应用系统，客户端的配置可以极为简单，使考试不受地域的局限。
这个软件很小但是作用很大，并且应用起来效率很高。
这次编写的这个软件只是这个理想的软件的一个雏形，功能少，很多东西不能实现。
这也与本人的水平有关，但是软件的一些思想确是有的，也希望以后水平高了能将它们改进。
开发在线考试系统的意义在于：1．将教师从繁重的出卷、阅卷、评卷的繁重工作中解脱出来，教师的工作效率大幅提高，减少人为主观意志对评分的影响，有效提高教育质量。
2．学生在平时的学习中，及时的在网上进行自我测试，在学习上能够查缺补漏，激发学生的学习兴趣，为学生的学习带来更多的方便。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
表格的功能
以表格方式显示数据 排版 举例
框架(frame)
基本语法
<frameset rows=“…” cols=“…”>… </frameset>
<frame src=“url”> <noframes>…</noframes>
<frame>和<body>标签不能同时使用 <noframes>…</noframes>之间的内容
用table对Form排版的例子
层叠样式表(CSS)
目的:在有限的标签基础上产生多样的表现形式 定义样式规则，自定义文档的显示方式 控制页面的布局、字体、颜色等各种效果 作用
扩展HTML标签的功能 美化网页 控制页面布局 减少使用图片的情况 同时控制一批网页的显示风格
加入CSS
Action:设定Form被提交后的动作 Method:数据传输的方式，GET/POST Name:用来标识一个的Form标签，有以下属性 基本语法
<Input type=* name=“名称” ...> * = Text、Password、Radio、Checkbox、
只出现在不支持框架的浏览器中
各窗口的大小设置
rows和cols的属性
rows=(n1,n2,...)或cols=(n1,n2,...) n1可以是点数也可以是整个frameset的宽度和高度
的百分比 举例
border
border=0
noresize 多重框架
frameset的嵌套 举例
框架的内容
src属性
src=“url”
name属性
name=“名称” <a herf=“url” target=“名称”> 举例
特殊的target
_BLANK、_NEW、_PARENT、_SELF、_TOP 举例
Web网站的实现原理
Client/Server的结构 基于HTTP的通讯原语
ID
唯一指定单元标识符，同一文档中，没有两个单元的ID值 是相同的。
举例
常用的css属性(一)
字体属性
font-family font-style font-variant font-weight font-size font
常用的css属性 (二)
颜色和背景
color background-color background-image background-repeat background-attachment background-position background line-height
Alpha滤镜 Blur滤镜 DropShadow滤镜 Glow滤镜 Gray、Invert、Xray滤镜 FlipH、FlipV滤镜 Wave滤镜
CSS的发展方向
所见即所得 打印
HTML的发展
动态HTML XML
HTML的功能不能满足网页制作
常用的css单位
长度单位
相对长度
em、ex、px
绝对长度
in、cm、mm、pt、pc
百分比单位 颜色单位
预定义颜色white、black、red等 RGB颜色
#rrggbb、rgb(r,g,b)、rgb(r%,g%,b%)
CSS滤镜
CSS滤镜可以制作图形的显示效果 滤镜种类
HTTP 1.1 GET POST
性能优化
持久连接 Cache
表单(Form)
提供Client与Server通讯的渠道，这是可以基于 Web进行程序设计的基础
基本语法
<form action="url" method=*> ... ... <input type=submit> <input type=reset> </form>
Reset、Submit、Image、Hidden
文字输入
<input type=* value=值 其他属性>
*=text,password *=password时，输入内容显示为* 单行文字输入 size maxlength
<TextArea 属性> :可以输入多行文本内容
Name:指定一个名称 Rows、Cols:指定输入的行数和列数 举例
选择
复选框
<input type=checkbox> <input type=checkbox checked> <input type=checkbox value=**>
单选框
<input type=radio value=**> <input type=radio value=** checked>
举例
列表框
Select和Option
Name:选择项的名称 Size:
Size=值，显示列表框 不设置Size，显示下拉框
Multiple:多选，用Ctrl配置鼠标实现多选 举例
其他
<Input type=* value=**>
*=Submit，提交按钮 *=Reset，重置按钮 *=Image，图象坐标 *=Hidden，隐含发送的数据
链接到CSS文档
<link rel=“stylesheet” href=“url” type=“text/css”>
<head>...</head>中加入CSS定义
<style type=“text/css”>...</style> 使用注释<!-- ... -->
在标签中直接使用CSS
<标签 style=“...”>
CSS叙述产生重复时采用就近原则 举例
新增的标签
Link标签
<LINK REL="stylesheet" TYPE=“text/css" HREF="url">
Style标签
作用于文档的CSS
Span标签
用于标记由相关联样式表定义其特别样式的 文本，如果没有样式表指令，不影响显示
CSS语法
基本语法
标签1,...,标签n
{ 属性1:属性值;...属性n:属性值 }
Class
对同一个选择符可以定义不同的类，能使相同的标签在不 同的地方显示不同的样式
注意：单元名和类值是由句点分隔开的。当类值本身包含 句点时，这种用法将带来一些问题。CSS语法规则使用反 斜线来“逃避”类似句点这样的特殊字符。(“\.”)