第五章动态网页

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

css遵循：就近原则
一、嵌入式CSS样式定义：
嵌入式应用范围是本标签。
style=“属性:值”
如：<body style=“cursor:crosshair”>
style=“属性1:值1;属性2:值2;属性3:值3”
如：<table style=“color:red;font-size:20pt;font-family:隶书”>
第五章动态网页制作
理解动态HTML
构成动态HTML的核心技术 ①客户端脚本语言 ② CSS样式表 ③文件目标模块
①什么是客户端脚本语言
脚本语言是一种简单的描述性语言，语法结
构相似程序设计的高级语言，它通过一个 <SCRIPT>标记嵌入到HTML页中。
客户端脚本语言是可以直接对客户端进行编
链接的样式表定义
<style type="text/css"> <!- a:link{color:green;text-decoration:none;}未访问的链接 a:visited{color:red;text-decoration:none;}已访问的链接 a:hover{color:blue;text-decoration:none;}鼠标停留在链接上 a:active{color:purple;text-decoration:none;}激活链接
Css样式可以控制字体,颜色,大小,背景等
代码说明:
<p>…… </p> 是段落标志(硬回车) <br>就是换行 (软回车)
在HTML中加入CSS样式，常见的有： ①嵌入式样式表 ②内联式样式表 ③外联式样式表
CSS（Cascading Style Sheet 是层叠式表，简称样式表）
--> </style>
二、外联式CSS样式定义：
外联式是把样式表定义成一个“css”文件，然后链接到网页中。
外联式应用范围是本网站内多个网页。
步骤 1：
文件名
样式名
3、外联式
步骤 2：
在网页的<head></head>之间添加调用文件说明
<head> <link rel=“stylesheet” href=“123.css”> </head>
步骤 3：
在网页需要应用该样式的html标签处添加调用样式标记，如： <body> <p class=“kk”>江中</p> <span class=“abcd”>扬中</span> </body>
①
二、内联式CSS样式定义：
2.自己定义的样式（需要2步）
<head> <style type=“text/css”> <!--
① .abcd{ color:green; font-size:10}
-- > </style> </head>
②Baidu Nhomakorabea
<span class=abcd> 需要自定义的内容 </span>
CSS的定义是由三个部分构成：选择符（selector）,属性（properties）和属性的取值（value）。基本格式如下：选择符 {属性:值} selector {property: value} 例如： body {color: black;cursor:crosshair} font{color:red;size:6;font-family:黑体}
如：<p style=“color:red;font-size:20pt;font-family:隶书”>
二、内联式CSS样式定义：
内联式应用范围是本网页。
1.修改系统默认的样式（一步完成）
<head> <style type=“text/css”> <!-p{ color:red; font-size:20; font-family:黑体; text-decoration:underline} -- > </style> </head>
写并使页面发生动态变化的脚本语言。 JAVASCRIPT和VBSCRIPT是常用的客户端脚本语言
②什么是CSS
CSS（Cascading Style Sheet 是层叠式表，简称样式表）
样式是用一个指定的名字来标识和保存的一组
有关字符和段落格式的有关集合。在frongpage中有系统自定义的样式。如：标题1（H1）,标题2（H2）,链接（a）等。

第五章 动态网页