网页制作-05-css

《网页制作-05-css》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、南京航空航天大学第第55章章CSSCSS层叠样式表层叠样式表谢金国：xjgcs@nuaa.edu.cnSep.11,2008回顾回顾南京航空航天大学•表单中提交数据的方法有那两种及其区别？•创建一个登录界面需要哪些表单元素？•target属性取值可以为哪些及其含义？2预习检查预习检查南京航空航天大学•简述样式表的基本结构？•常用的样式属性有哪些？3本章任务本章任务南京航空航天大学•美化“宝贝分类”页面•制作并美化“注册”页面4本章目标本章目标南京航空航天大学•会创建统一外观的字体文本•会创建无下划线的超连接样式•会创建个性化的表格•会创建个性化的表单5为什么需要为什么需

2、要CSSCSS样式表样式表南京航空航天大学•HTML标签的外观样式比较单一–颜色只有黑白–字体类型和大小无变化•样式表的作用相当于华丽的衣服外观不同内容相同演示示例1：演示示例1：演示能换皮肤的页面演示能换皮肤的页面6为什么需要为什么需要CSSCSS样式表样式表南京航空航天大学•样式表能实现内容与样式的分离，方便团队开发内容与样式和谐内容与样式和谐美工做样式美工做样式统一的完整网页统一的完整网页程序员程序员写代码写代码7样式表的基本语法样式表的基本语法南京航空航天大学文档样式表开始，文档样式表开始，•样式表的基本结构类型为CSS样式类型为CSS样式样式规则样式规则

3、YLEtype="text/css">声明文档样声明文档样P{color:red;font-size:30px;font-family:隶书;}式表结束式表结束……•样式规则属性属性P{color:red;font-size:30px;font-family:隶书;}选择器选择器属性的值属性的值8样式表的基本语法样式表的基本语法南京航空航天大学查看源代码本页面中所有的本页面中所有的PP标标签都应用了此样式签都应用了此样式选择器选择器P{color:r

4、ed;font-family:"隶书";font-size:24px;}用分号用分号隔开隔开如何编写此样式如何编写此样式??

静夜思

床前明月光，

疑是地上霜。

我是郭德刚，

低头思故乡。

5、的样式，所以要为它们定义一个共享样式。•类样式(class)样式规则样式规则.red{color:red;font-family:"隶书";font-size:24px;..类名类名}……10样式表的基本语法样式表的基本语法南京航空航天大学查看源代码CLASSCLASS类类选择器选择器为类选择器定为类选择器定义的样式规则义的样式规则.red{color:red;font-family:"隶书";}应用类

6、选择器应用类选择器classclass＝＝””类名类名“如何实现这样的“如何实现这样的样式效果？字体样式效果？字体静夜思类型都为隶书类型都为隶书床前明月光，