实验2CSS基本语法指导书

《实验2CSS基本语法指导书》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实验二css基本语法一、实验目的1.掌握在网页屮引用CSS的方法；2.掌握CSS的基本语法规则；3.掌握CSS的常用选择器。二、实习题目1.css的引入和基木选择器应用(1)内恢样式表将定义的样式以vstyletype二"text/css〃>样式定义vstyle>形式插入到文档的head区，此种方法样式将影响当前整个页而。建立网页Cssl.htm,代码如下：Css技术的应用一v/title>

2、/html;charset=utf-8H>hl{color:red;font-family:*宋体"；}body{color:black;font-size:9pt;}.fnt{color:blue;font-family:w隶书"；font-size:14pt;}这是标题一这是正文・・・.・vpclass二这是使用fnt类样式后的效果(2)行内样式将定义的样式以标记的属性形式插入，

3、如：vPStyle二”color:blue”>，此种方法样式只影响当前标记所影响的区域。建立网页Css2.htm,代码如下：hl{color:red;font-family:*'宋体"；}body{color:black;font-size:9pt;}.fnt{color

4、:blue;font-family:w隶书”;font-size:14pt;}这是标题一这是正文・・•・・vpclass二fnt>这是便用Fnt类后的效果vpstyle二"color:tea;font・size:30">这是中效果只使用于此段….⑶外部样式表将所有样式的信息（样式规则）存放在一个单独的文件屮（扩展名为css）,然后用＜link＞把它链接到每个HTML页面中。链接格式：vlinkrel二"StyleSheet"type

5、二〃text/css"href二"夕卜部样式表文件名.css〃＞1.利用CSS对网页进行控制；(1)创建如图2・1所示页面(css3.htm)。我的主页首页1音乐在线视频点播软件下载留言簿用户登录用11口令：1」登录1重填1推荐歌曲友情链接站内内容列表图未使用CSS样式前的网页⑵建立样式文件style.css,格式化上面页面如图2-2所示，要求：①标题:字体为”华文彩云“,”华文琥珀”,“华文行楷“;字号40pt；字色红色;背景色：#FFFFCCo导航条：背漿色为#33CCFFo②导航栏：标题背景色为#FFFF

6、CC,上边框为：实线，2pt宽，色值：#FFCCOO；内容背景色：#FFCCFF；导航栏右边框为:点划线，lpt宽,色值:#0033FFo底框:背景色：#99CCFF；上边框：双线，2pt宽。③文本框：背景色：#FFFFCC；边框：宽度lpt,实线。④正文字号：9pto(除标题)⑤超级链接：止常色：黑色，无修饰；鼠标悬停时：红色，加下划线；激活时:红色，加下划线；访问过的链接：黑色，无修饰。图2・2应用样式后的效果1.利用DIV+CSS实现如图2-3>2-4网页效果的布局和设计，并在多种浏览器上测试。所需图片见

7、附件。ITm-m二m二YaTP二二三-3-1tp=4r*施不知朮自己•无泉自己»：«•情區小驿r^r•*>a—二w•4o>-sx/1IS式尿•]口式无京伦・I、天-BzBS9S由律匚

8、lIE：=LI21*▼21〔SMtit…〕（映躺41irxiexhtm•0X勺代乌'二护力二口叶

9、

10、设]f政策法规10最新动态校园网将全而灯用IEEE802.lx实名匕网认证系统.该系统采用radius®务器，实现在交换机端II就陡进行认证.请大家在本站下载客户端，并领取认证帐号.这将使我校的网络安个防范达到一个更高的水平.诗多支持I©中心简介伫息与网络管理中心楚丄耍担负全院的校冈网络规划、妃设、监控及代理：网络2用开发和研究：远程教学应用及研究：部分计灯机课稈教学等工作.中心环境优