下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
实验三 CSS样式表的应用---CSS的引用
一、实验目的
1、掌握CSS样式表的引用的几种方式
2、学****如何控制字号,字模及加入特殊效果
3、了解要素和图象方面的样式设置
二、实验内容
1、整页套用样式:
不执行这个网页程序,回答程序中的问题,为什么?
<html>
<head>
<Style Type="text/css">
<!—
h2{color:blue;text-align:center}
h1{color:red;text-align:right}
-->
</style>
</head>
<body>
<h1>网站</h1>
<h2>网站</h2>
<h1>请指出这个几字的颜色及对齐方式</h1>
<h2>请指出这个几字的颜色及对齐方式</h2>
<h3>请指出这个几字的颜色</h3>
</body>
</html>
2、样式文件引入
不改变以下程序,分别使“网站实验”几个字变红色,“css网页实验”几个字变成绿色(分别使用外联和导入方式)
<html>
<head>
<link rel="stylesheet" Type="text/css" href="">
</head>
<body>
<h1>网站实验</h1>
<h2>css网页实验</h2>
</body>
</html>
3、如何使有超级链接的文字不出现下划线,如何使鼠标移动到超链上产生变色的效果
写出以下语句,并改变参数,使超链上产生变色,并改变有超级链接文字的下划线的类型
<html>
<title>link css</title>
<head>
<style>
<!--
a:link{color:green;text-decoration:none}
a:visited{color:red;text-decoration:none}
a:hover{color:black;text-decoration:underline;font-size:25pt}
-->
</style>
</head>
<body>
<p style="font-family:行书体;font-size:28pt"> <a
href=".com">未访问的链接</a></p>
<p style="font-family:宋体;font-size:18pt"> <a
href=".com">访问过的链接</a><p>
<p style="font-family:行书体;font-size:18pt"> <a
href=".com"> 鼠标激活的链接</a><p>
</body>
</html>
4、用 css 控制的网页
1)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用 css 控制的网页</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<table width=
一、实验目的
1、掌握CSS样式表的引用的几种方式
2、学****如何控制字号,字模及加入特殊效果
3、了解要素和图象方面的样式设置
二、实验内容
1、整页套用样式:
不执行这个网页程序,回答程序中的问题,为什么?
<html>
<head>
<Style Type="text/css">
<!—
h2{color:blue;text-align:center}
h1{color:red;text-align:right}
-->
</style>
</head>
<body>
<h1>网站</h1>
<h2>网站</h2>
<h1>请指出这个几字的颜色及对齐方式</h1>
<h2>请指出这个几字的颜色及对齐方式</h2>
<h3>请指出这个几字的颜色</h3>
</body>
</html>
2、样式文件引入
不改变以下程序,分别使“网站实验”几个字变红色,“css网页实验”几个字变成绿色(分别使用外联和导入方式)
<html>
<head>
<link rel="stylesheet" Type="text/css" href="">
</head>
<body>
<h1>网站实验</h1>
<h2>css网页实验</h2>
</body>
</html>
3、如何使有超级链接的文字不出现下划线,如何使鼠标移动到超链上产生变色的效果
写出以下语句,并改变参数,使超链上产生变色,并改变有超级链接文字的下划线的类型
<html>
<title>link css</title>
<head>
<style>
<!--
a:link{color:green;text-decoration:none}
a:visited{color:red;text-decoration:none}
a:hover{color:black;text-decoration:underline;font-size:25pt}
-->
</style>
</head>
<body>
<p style="font-family:行书体;font-size:28pt"> <a
href=".com">未访问的链接</a></p>
<p style="font-family:宋体;font-size:18pt"> <a
href=".com">访问过的链接</a><p>
<p style="font-family:行书体;font-size:18pt"> <a
href=".com"> 鼠标激活的链接</a><p>
</body>
</html>
4、用 css 控制的网页
1)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用 css 控制的网页</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<table width=
实验 CSS样式表的应用 来自淘豆网www.taodocs.com转载请标明出处.
猜你喜欢
- 2024年导购年终的工作总结 36页
- 2024年导盲犬迪克读后感 11页
- 2024年导游求职信(集合15篇) 15页
- 2024年导游实习心得15篇 46页
- 人教版语文7年级上基础训练 13页
- 2024年对老婆表达爱意的句子 23页
- 2024年对工作自我评价 4页
- 2024年寒风中的人活动反思 4页
- 2024年寒假社会实践的作文（通用31篇） 33页
- 营销方案大全超市营销方案汇总 17页
- 2024年寒假安全教育作文（精选25篇） 30页
- 2024年寒假周记初一汇编三篇 4页
- 人教版小学语文二年级上册期末测试题 （2） 5页
- 2024年富士康辞职报告范文 4页
- 2024年宿舍安全用电保证书12篇 16页
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 基于三巯基均三嗪配位聚合物的合成、结构和..
- 2024年工作自我鉴定范文锦集6篇
- 海洋碳循环模型优化
- 2024年工作汇报年终总结（通用32篇）
- 梁廷波-发生复杂腹腔内感染或复杂皮肤和皮肤..
- 基于Unity3D的儿童安全教育游戏的研究与实现..
- 2024年工作感悟收获的句子
- 基于TAM的建筑节能技术企业接受研究的开题报..
- 基于SSR标记的伯乐树遗传多样性分析的开题报..
- 细菌学名43
- 基于SIW结构的新型滤波器研究的开题报告
- 基于SAQPCR的转基因拷贝数鉴定及基于转基因..
- 家庭网络安全保险的探索与实践
- 2024年工作中个人自我评价
- 有关医生工作总结范文（30篇）
- 2024年工作万能检讨书15篇
- 2024年工会活动方案模板集锦9篇
- 基于P型NiO结构的敏化太阳电池的研究的开题..
- 2024年昆明中考数学试卷及解析
- 生蚝苗买卖合同
- 电渗析知识课件
- 县级医院二甲复审卫生部医院评审临床科室督..
- 电气预埋安全技术交底
- 医药行业返款返利设计方案
- 代理出庭授权委托书(简单版)
- 考试系统测试用例
- 洗涤塔常规配套表
- 别作深宫一段愁——李白宫怨诗赏析