《css技术概述web》ppt课件

《css技术概述web》ppt课件

ID:27758159

大小:1.22 MB

页数:74页

时间:2018-12-04

《css技术概述web》ppt课件_第1页
《css技术概述web》ppt课件_第2页
《css技术概述web》ppt课件_第3页
《css技术概述web》ppt课件_第4页
《css技术概述web》ppt课件_第5页
资源描述:

《《css技术概述web》ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、CSS技术概述1、网页的表现和内容分离的实现1)、内容(Content)内容是页面实际要传达的真正信息,包括数据、文挡或者图片等;2)、结构(Structure)结构就是对网页内容进行整理和分类。利用结构化标准语言使网页内容更加具有逻辑性和易用性;(1)、HTML(2)、XML,(ExtensibleMarkupLanguage(可扩展标记语言)),XML最初设计的目的是弥补HTML的不足,后来逐渐用于网络数据的转换和描述;推荐使用W3C于2000年发布的XML1.0(3)、XHTML(可扩展超文本标记语言)推荐使用

2、W3C于2000年发布的XHTML1.0结构层主要用于对内容进行格式化处理。例如:定义标题定义段落定义列表等等3)、表现(Presentation)表现是对结构化的信息进行样式上的控制,例如对颜色、大小、背景等外观进行控制。表现层标准语言CSS推荐使用w3c于1998年发布的CSS2.0W3C创建CSS标准目的是以CSS取代HTML的表格式布局。4)、行为(Behavior)行为是对内容的交互和操作效果;表现行为有以下2类:(1)、DOM。DOM是DocumentObjectModel(文档对象模型)(2)、Scri

3、pt(脚本语言:JavaScript、VBScript)网页分层样例(1)、网页的内容(2)、网页的内容+结构(3)、网页的内容+结构+表现例子:1、body{background-image:url(images/water.jpg);margin:0000;}2、CSS来定义表格的一些属性一、CSS的定义CSS主要是将定义好的规则应用到文档中的元素,这样可以将网页的内容与网页的表现形式进行分开定义;这样做的好处:1、提高设计的标准化程度;2、减少网页设计的工作量;3、提高网站的可维护性。1、CSS的定义的组成一般

4、来说,每个CSS样式由一系列规则组成,每条规则由两部分作成:选择符和声明(Declaration),每条声明由:属性名和属性值组成;P{:}colorred选择符属性名声明(Declaration)属性值CSS的定义样例#Div2{padding:20px;height:250px;width:250px;margin-top:30px;margin-right:50px;margin-bottom:30px;margin-left:50px;border:3pxsolid#FF3300;}

5、>

填充上边距二、CSS的选择符分类DreamWeare新建CSS样式的对话框1、类选择符2、标签选择符3、ID选择符4、伪类选择符1、类选择符在CSS里用一个点开头表示类别选择符定义,例如:.14px {color : #f60 ;font-size:14px ;}在页面中,用class=“类别名”的方法调用:14px大小的字体p.right{text-align:right}p.center{text-align:center}

6、ht">dddddd

dddddd

.abc{}2、ID选择符在CSS里用“#”开头表示ID选择符的定义#Div2{padding:20px;height:250px;width:250px;margin-top:30px;margin-right:50px;margin-bottom:30px;margin-left:50px;border:3pxsolid#FF3300;}
.Div2{padding:20px;height:25

7、0px;width:250px;margin-top:30px;margin-right:50px;margin-bottom:30px;margin-left:50px;border:3pxsolid#FF3300;}

类选择符P#title01{font-family:”宋体”;font-size:12px;color:#FF0000; }段落的标题

P.title01{font-family:”宋体”;font-size:12px;c

8、olor:#FF0000; }段落的标题

#abc{}不能这样写否则结果如下abc{}ID选择符与类选择符的差别:1、类选择符可以重复使用,而且可以在任意元素上使用,使用任意次;2、HTML内id属性是唯一的,只有拥有该id的元素才会应用该样式;3、ID选择符的优先权高于类选择符。ID选择器类选择器3、标

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

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

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