CSS基础知识学习(含实例)ppt课件.ppt

CSS基础知识学习(含实例)ppt课件.ppt

ID:58886914

大小:9.26 MB

页数:96页

时间:2020-09-30

CSS基础知识学习(含实例)ppt课件.ppt_第1页
CSS基础知识学习(含实例)ppt课件.ppt_第2页
CSS基础知识学习(含实例)ppt课件.ppt_第3页
CSS基础知识学习(含实例)ppt课件.ppt_第4页
CSS基础知识学习(含实例)ppt课件.ppt_第5页
资源描述:

《CSS基础知识学习(含实例)ppt课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第四章CSS基础知识本章内容一、CSS简介二、在网页中应用CSS三、CSS基本语法四、CSS选择器五、CSS的继承性六、CSS的层叠和特殊性重点难点复习HTML标记

  • bodyph1h2h3lililililiulppppimgdivid=“header”divid=“navigation”divid=“mainContent”divid=“mainContent”divid=“footer”CSS的引入W3C组织于1996

    2、年推出CSS1.0技术标准,1998年推出CSS2.0技术标准。CSS是CascadingStyleSheets的缩写,译为“层叠样式表”,是用于控制网页样式的一种标记性语言。HTML控制网页内容的结构,CSS控制网页内容的样式。CSS实现了网页的结构与表现相分离。一、CSS简介二、在网页中应用CSS在网页上应用CSS的三种方法:行内样式(InlineStyles)内部样式表(EmbeddingaStyleBlock)外部样式表(LinkingtoaStyleSheet)二、在网页中应用CSS行内样式:在HT

    3、ML标记的style属性中设置CSS样式。例:泡泡潜水俱乐部欢迎你

    泡泡潜水俱乐部

    泡泡潜水俱乐部为你量身打造一流的潜水服务,……

    style=“color:#FFFFFF;background-color:#000080”>泡泡潜水俱乐部
  • 二、在网页中应用CSS内部样式表:将CSS样式写在标记之间。例:

    4、e>泡泡潜水俱乐部欢迎你

    泡泡潜水俱乐部

    泡泡潜水俱乐部为你量身打造一流的潜水服务,……

    h1{color:#FFFFFF;background-color:#000080;}

    泡泡潜水俱乐部

    泡泡潜水俱乐部为你量身打造一流的潜水服务,……

    例:

    5、le>泡泡潜水俱乐部欢迎你

    泡泡潜水俱乐部

    泡泡潜水俱乐部为你量身打造一流的潜水服务,……

    二、在网页中应用CSS外部样式表:将CSS样式写在独立的CSS文件中,然后将CSS文件链接到HTML文件上。

    泡泡潜水俱乐部

    泡泡潜水俱乐部为你量身打造一流的潜水服务,……<

    6、/p>网页文件CSS文件小结:在网页上应用CSS的三种方法:行内样式(InlineStyles)内部样式表(EmbeddingaStyleBlock)外部样式表(LinkingtoaStyleSheet)内部样式表优于行内样式。外部样式表优于内部样式表。CSS样式由“选择器”和“声明”组成。声明由“属性”和“属性值”组成。每条声明之间用“;”分隔。三、CSS基本语法selectors{property:value;}选择器属性属性值声明四、CSS选择器CSS常用选择器的类型:通配选

    7、择器类型选择器ID选择器后代选择器类选择器伪类群选择器四、CSS选择器1.通配选择器(UniversalSelector)*{property:value;}例:*{padding:0;margin:0;}四、CSS选择器2.类型选择器(TypeSelectors)Tag{property:value;}例:body{font:0.75em/1.5"宋体";background:#E0E0E0url(images/bg.gif);}h1{font-size:180%;margin:1em0;}p{margin

    8、:1em0;}四、CSS选择器3.ID选择器(IDSelectors)#ID{property:value;}例:#container{width:760px;margin:auto;}#header{height:120px;background:url(images/bg_header.gif)no-repeat;}#content{padding:30px;}四、CSS选择器4.后代选择器(D

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

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

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