CSS网页设计制作.doc
上传人:yy****24 上传时间:2024-09-10 格式:DOC 页数:34 大小:331KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

CSS网页设计制作.doc

CSS网页设计制作.doc

预览

免费试读已结束,剩余 24 页请下载文档后查看

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

CSS网页设计制作____张国策,机械电子工程专业PAGE-34-第页第12章XML与XHTML12.1什么是XMLXML中文翻译为可扩展标记语言,顾名思义,它比HTML的优势:1.延伸性2.简单易懂12.2XML的基本格式<?xmlversion="1.0"encoding="gb2312"?><我的家人><爸爸><姓名>张三</姓名><年龄>58</年龄><男/></爸爸><妈妈><姓名>张晓三</姓名><年龄>57</年龄><女/></妈妈></我的家人>12.3XML的定义文档<?xmlversion="1.0"encoding="gb2312"?><!DOCTYPE中华人民共和国[<!ELEMENT中华人民共和国公民(公民*)><!ELEMENT公民(身份证号,姓名,籍贯)><!ELEMENT身份证号(#PCDATA)><!ELEMENT姓名(#PCDATA)><!ELEMENT籍贯(#PCDATA)>]><中华人民共和国><公民><身份证号>01085401</身份证号><姓名>张三</姓名><籍贯>北京</籍贯></公民><公民><身份证号>01085402</身份证号><姓名>李四</姓名><籍贯>上海</籍贯></公民></中华人民共和国>12.4HTML4.01的文档定义<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">12.5XHTML1.0的文档定义<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">HTML与XHTML都有三种标准风格:第一种称为过度型(transitional),它允许使用废弃标记。第二种称为严格型(strict),他禁止使用任何废弃的标记。第三种是框架型(frameset),它允许使用废弃的标记和框架。12.6XHTML1.0风格标记的改变1.所有单标记都必须关闭:<br/>、<hr/>、<option/>等2.所有的单属性必须等于自身:checked="checked"、readonly="readonly"等3.尽可能不使用废弃标记:<center>、<font>等第13章CSS入门基础13.1认识CSSCSS的英文全名是CascadingStyleSheets,中文可翻译为串接式排版样式,并且CSS2规范也于1998年02月通过W3C的审核与推荐,所以CSS并不是专为XHTML所设计的,CSS还可以被其他标记语言拿来制作排版样本,如HTML,XML文件都可以应用CSS,来美化网页的设计,大家如果学会CSS,在HTML,XHTML,XML文件中都可以使用.13.2传统HTML设计网页版面的缺点使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML并非完全着眼在网页排版的功能上,而这对XHTML而言更是如此,因为XHTML有意将原先HTML中有关网页版面的标记或属性遗弃不用,如<font>,<center>,color,background,bgcolor等等,所以对XHTML文件而言,其排版与显示的功能比HTML文件更弱,所以使用XHTML来设计网页更需要搭配CSS排版样本.13.3CSS的特点HTML排版时的缺点:设置麻烦,修改麻烦,功能严重不足.CSS样式排版的优点:排版属性功能完整,排版文件可以独立存在,可以共用排版文件CSS样式排版的分类:内行排版样式,,内嵌式排版样式,,链接式排版13.4CSS的排版样式行内排版样式:格式:<标记名称style=”属性1:属性值1;属性2:属性值2”>…</标记名称>例:<pstyle=”font-size:20pt;color:red;text-align:center”>排版样式</p>排版专用标记:<div>与<span>这两个标签都是用来设置涵盖一个区块为主.区块就是表示一行以上的数据.如果没有一样,则<span>与</span>该数据显示前后都不会跳行.内嵌式排版样本:内嵌式排版中所有的样式定义都必须在<style>..</style>之间,而<style>..</style>又必须在<head>..</head>之间.与其功