覃兵论文.docx
- 文档编号:10830162
- 上传时间:2023-02-23
- 格式:DOCX
- 页数:16
- 大小:23.93KB
覃兵论文.docx
《覃兵论文.docx》由会员分享,可在线阅读,更多相关《覃兵论文.docx(16页珍藏版)》请在冰豆网上搜索。
覃兵论文
湖南农业大学
毕业论文
关于WEB网页设计中CSS的应用
学生姓名:
覃兵
年级专业:
2008级计算机科学与技术
指导老师及职称:
王志明讲师
学院:
成人教育学院
湖南·长沙
提交日期:
20年月
目录
摘要……………………………………………………………………………1
关键词…………………………………………………………………………1
1前言………………………………………………………………………1
2CSS的优势…………………………………………………………………………2
2.1维护方便………………………………………………………………………2
2.2下载浏览迅速………………………………………………………………2
2.3强大的样式功能………………………………………………………………2
2.4容易阅读网页原始文件…………………………………………………………2
3样式表的加入法……………………………………………………………………2
3.1以style属性值的形式加入……………………………………………………2
3.2在网页文件的HEAD元素间加入样式表………………………………………3
3.3链接到外部的CSS文件……………………………………………………………4
4CSS设计WEB页的部分技巧………………………………………………………5
4.1CSS设计网页文字样式的技巧……………………………………………………5
4.2表格内容强制换行的技巧………………………………………………………6
4.3网页背景图不滚动的技巧………………………………………………………7
4.4用CSS改变鼠标形状的技巧………………………………………………………8
4.5设计图形与文字位置的技巧……………………………………………………9
5结论……………………………………………………………………………10
参考文献……………………………………………………………………………11
致谢……………………………………………………………………………11
关于WEB网页设计中CSS的应用
学生:
覃兵
指导老师:
王志明
(湖南农业大学成人教育学院,长沙410128)
摘要:
本文从维护方便、下载浏览迅速、强大的样式功能、容易阅读网页原始文件等四个方面介绍了在WEB页中使用CSS的优势。
以及从CSS样式表以style属性值的形式加入WEB页、在网页文件的HEAD元素间加入CSS样式表、链接到外部的CSS文件加入WEB页等三个方面介绍了CSS加入WEB页的方法。
并从设计网页文字样式、表格内容强制换行、网页背景图不滚动、CSS改变鼠标形状、在网页中设计图形与文字位置等五个方面论述了CSS设计WEB页的一些技巧。
关键词:
CSS;方法;样式表;网页;HTML
1前言
在WEB网页的设计中,HTML只定义了网页的结构和各个要素,而让浏览器自己决定各要素以何种形式显示。
不说HTML的网页缺少动感,就是在网页内容的排版布局上也有很多困难,如果不是专业人员或特别有耐心的人,很难让网页按自己的构思和创意来显示信息。
即便是掌握了HTML语言精髓的人也要通过多次地测试,才能驾驭好这些信息的排版,过程十分漫长和痛苦。
为了Internet的发展,让更多人早日踏进这个多姿多彩的世界,新的HTML辅助工具呼之欲出。
在制作WEB网页时,如果我们通过CSS,可以实现对网页布局的控制。
CSS中文名字是“层叠样式表”或者“串接样式表”,常常简称为样式表。
CSS是一种灵活的工具,它将定义内容结构的部分和定义格式的部分分离,从而实现对页面布局更多的控制。
CSS在保持HTML简单明了的基础上,从另一角度控制页面外观。
样式表它能为网页上的元素精确地定位,可以让网页设计者象导演一样,轻易地控制由文字、图片组成的演员们,在网页这个舞台上按剧本要求好好地表演。
浏览者想要看的是网页上的内容结构,而为了让浏览者更好地看到这些信息,就要通过格式控制来帮忙了。
以前两者在网页上的分布是交错结合的,查看修改很不方便,而现在CSS把两者分开就会大大方便网页的设计者。
内容结构和格式控制相分离,使网页可以光由内容构成,而将所有网页的格式控制指向某个CSS样式表。
2CSS的优势
设计网页加入CSS技术,与传统的HTML相比有很大的优势。
2.1维护方便
使用CSS可以将网页内容和网页格式分开设计,网页内容的设计就交给HTML,而格式的设计则交给CSS即可。
若要修改页面内容的格式只需要修改CSS,而不需要去修改HTML代码。
2.2下载浏览迅速
使用CSS可以缩短网页下载时间,因为同样一组标题只需要一次格式设置,即可提供相同标签重复使用。
而浏览者则只需要下载一次声明该格式的CSS程序代码,即可提供给整个网站的所有网页使用。
2.3强大的样式功能
CSS提供设置网页格式的功能比HTML多,所有的HTML提供的标签都可以通过CSS设置要显示的格式。
运用CSS提供的样式,可以代替需要绘制软件制作的文字特效功能,无形中也使网页“瘦身”。
2.4容易阅读网页原始文件
可以将CSS的代码独立地放在一个文件中(扩展名为.CSS),但是所有用到它的网页都会受到影响。
对于使用HTML设计的网页而言,含CSS功能的网页的源文件阅读起来更为轻松易懂;对于网站的管理员而言,负责的站点越大越能体会到CSS带来的便利性。
3样式表的加入方法
3.1以style属性值的形式加入
这种样式的使用方法是以“Style”属性值的形式加入到网页文件的字里行间,特点是“定义某一个标签的样式单风格”,只对所定义的标签起作用,并非对整个页面起作用。
例如:
red;font-size: 20pt”>张家界桑植职中
1
在上面,由于使用代码 red;font-size: 20pt”>张家界桑植职中
3.2在网页文件的HEAD元素间加入样式表
是指将CSS代码直接插入每个页面HTML的
区,使用标签。这个方法适用于指定某个网页,除了展现外在的CSS文档定义好的网页风格外,同时还要展现本身HTML文档内加注的CSS。
如果内在加注的CSS叙述与外在连结的CSS叙述相冲突的话,网页的展现将以内在加注的CSS叙述为主。
特别值得注意的是,为了防止不支持CSS的浏览器误将标签间的CSS风格叙述当成普通字串,而展现于网页上,最好将CSS的叙述文字插入
---->标签之间。
它的写法是:
—
各种CSS语句
开始本页内容…
下面举一个例子,例如:
--
H2{font-size:
60;font-family:
隶书;COLOR=red}
-->
桑植职业中等专科学校
美丽的校园
班级信息
在上面,由于使用H2{font-size:
60;font-family:
隶书;COLOR=red},所以只有“桑植职业中等专科学校”和“美丽的校园”的字号为60、字体为隶书、颜色为红色,而“班级信息”为H3,不是H2,所以它没被设置成H2格式。
3.3链接到外部的CSS文件
这个方法最方便管理整个网站的网页风貌。
它让网页的文字内容与版面设计分开。
您只要在一个CSS档内(扩展名为.CSS)定义好网页的外观风格,所有连接到此CSS档的网页,便会依照CSS文档的指示,设计出定义好的风格。
调用CSS文件的基本语法如下:
本页标题
HREF="*.css"; TYPE="text/css"> …… 上面语法中*.css是单独保存的样式表文件,其中不能包含
你好!
朋友,欢迎光临……!