实验二_CSS样式的应用_第1页
实验二_CSS样式的应用_第2页
实验二_CSS样式的应用_第3页
实验二_CSS样式的应用_第4页
全文预览已结束

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、实验二_css样式的应用实验二css样式的应用、实验目的：1. 掌握css样式的语法规则；2. 掌握CSS样式的类选择器的使用;3. 掌握CSS样式表的定义位置；4. 重点培养应用CSS样式的能力。二、基本知识I. CSS有语法规则选择器属性1:值1;属性2：值2；属性n：值n2. CSS的定义位置(1)放在网页的头部内部，因为其就在网页内定义，故而 叫做“内部样式表”，注意这样的样式定义只能被本网页使用，别的网页 是不能用到的，结构如下：!-选择器选择器(2)将所有的样式放在网页之外的单独的文件中，因为其位居网页之外, 故而叫做“外部样式表”，这样的样式可以被不同的网页导入或链接，可 以被多

2、个网页使用，真正实现内容与表现的分离，代码重用性高，便于网 站风格的统一。Sty.css文件内容如下：（注意，样式表文件内只有各个样式，不能有HTML 标记）选择器选择器 选择器那么网页在使用外部样式表时，需要把外部样式表文件链接（导入）到当 前使用样式的网页，链接标记也应放在内的任意位置，代 码如下：这样就可以使用样式表文件中定义的各种样式了。（3） CSS样式属性略三、实验内容1.给定网页完成如图21所示的CSS样式设置.建立一个CSS外部样式表文件（名为stylel.css,保存在站点目录下），对 CSS文件夹中CSSZDY1.HTM网页文件设置格式：具体要求如下：1）给整个网页设置如下

3、图的“电脑”（CSSim昭csp昭cback.jpg）背景， 要求滚屏时，背景固定；2）文字与表格忆之间有5px填充；3）超级链接：样式为link为白色，无下划线，hover为黄色,有下划线;4）除列表文本中文字“大小”为14px, 行高”为23px外；其余文字“大 小”为12px,段落中首行“缩进”两个汉字。5）未作要求的结合下图完成。中国网络通信集团公司是由中央管理的特犬型国有通信运营企业集团 是 经国务院同意进行国家授权投资的机构和国家控股公司的试点单位,由北京、 天韋 河北、山蓉 内茨古s辽笊 吉林.黒龙江、河南-山东10个省、自治其他控股，参股公司组成。区.直辖市通信公司江臥浙江J广

4、东.广西.ih西北通 信般份有限公司中国网络通信c控股）有限公司丿吉通通信有限责任公司及在内荧古设立的大公司，公司拥有固12个盟市分公司和大运営企业.中国网络通信集团内蒙古自治区通信公司C原中园电騙团内蒙古自治区电 涪公司）是国务院重组中国网络通倍集团、中国电信集 型电信通信企业，是中国网络通信集团在内姦古设立的 定资产近百亿元人民币，员工代000余人j设有呼和浩特 80个旗县分公司。公司 门的公网交换机，是目案例显示上一页1.2.3.4.5.可行性蠱 收集蛹 规划设计 开发制作 维护站点层次结构设计站点目录结构设立厕页*瓦面结构设计图21 CSS样式网页3. 完成百度知网“七夕节”网页样式的定

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论