第十六章 使用html,javaScript制作网页.ppt

第十六章 使用html,javaScript制作网页.ppt

ID:48744456

大小:1.39 MB

页数:23页

时间:2020-01-21

第十六章 使用html,javaScript制作网页.ppt_第1页
第十六章 使用html,javaScript制作网页.ppt_第2页
第十六章 使用html,javaScript制作网页.ppt_第3页
第十六章 使用html,javaScript制作网页.ppt_第4页
第十六章 使用html,javaScript制作网页.ppt_第5页
资源描述:

《第十六章 使用html,javaScript制作网页.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、使用HTML语言开发商业站点主讲老师:刘婷婷CSSCSS是CascadingStyleSheets(层叠样式表)的缩写。CSS是W3C定义和维护的标准,一种用来为结构化文档(如HTML文档或XML应用)添加样式的可编程规范。目前最新版本是CSS2.1。CSS可以用CSS做什么?CSS是一种样式表语言,用于为HTML文档定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。CSS跟HTML的区别在哪里?HTML用于结构化内容;CSS用于格式化结构化的内容。采用CSS有哪些好处?内容与表现分离。可以使网页的表现统一,并且容易修改。CS

2、S可以为不同设备定制不同的规则,比如手机、PDA、打印机等。使用CSS可以减少网页的代码量。在HTML引入CSS的方法外联式样式表内嵌样式表元素内定导入样式表外联式样式表外联式样式表外联样式表是用记事本或类似的文本编辑器创建的文本文档,并用扩展名.css保存的文件。将外联样式表与HTML页面链接,需要向HTML文档的头部增加一个link元素。如下所示:网页标题rel是指链接文件与html文件的

3、关系。样式表类型是type/css。目前,text/css是唯一一种样式类型,但将来可能会有其他类型。href是样式表文件的URL。内嵌样式内嵌样式内嵌样式(也称嵌入式样式)是指把样式放入HTML文档的头部。内嵌样式仅仅作用于其所在的文档。网页标题p{font-family:黑体;}元素内定样式元素内定样式(inlinestyle)元素内定样式是把样式嵌入在行中的样式。在HTML中内联样式是被样式化元素的属性。

4、0f;">这是一个段落

元素内定样式仅仅作用于所对应的元素。问题:这是一个段落

这是一个段落

这两种方式的实现效果是否相同?这两种方式有何不同?导入样式表导入样式表与导入外联样式表的方式相似,也是将外部定义好的CSS文件引入到网页中,从而在网页中进行应用。但是导入的CSS使用@import在内嵌样式表中导入,导入方式可以与其他方式进行结合。内嵌样式-选择器根据选择器的不同,内嵌样式又分为:元素选择器CLASS类选择器ID选择器元素选择器元素元

5、素选择器:body{background-color:#efefef;}p{font-size:12px;}h1{color:red;font-size:12px;}div{align:center}body,p,h1,div都是HTML标记元素。以标记元素名称命名的选择符称为元素选择符。CLASS类选择器.special/*类别选择器*/{color:red;/*红色*/font-size:23px;/*文字大小*/}.classclass标记选择器1

<

6、pclass="special">class标记选择器2

在每个网页上可以多次使用类选择符。类选择符前面有符号(.)标记。ID选择器#one{font-weight:bold;/*粗体*/}#two{font-size:30px;/*字体大小*/color:#009900;/*颜色*/}#idID选择器1

ID选择器2

ID选择符前需加符号(#)。每个html网页上只能使用一个IDDIV…关键代码…

7、="position:absolute;left:149px;top:110px;width:357px;height:87px;z-index:1;">

Z-index=1,我是第一层,我是容器,包含图片段落

Z-index=2,我是第二层,包含图片和段落

…使用Z-

8、index指定是哪一层

是块级容器标签,可以

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。