下载此文档

css3 教程 完整教学详细讲解.ppt


文档分类:IT计算机 | 页数:约41页 举报非法文档有奖
1/41
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/41 下载此文档
文档列表 文档介绍
CSS3介绍GX2010-8-6Css3概述从2010年开始,HTML5与CSS3就一直是互联网技术中最受关注的两个话题。从前端技术的角度可以把互联网的发展分为三个阶段:,前端主流技术是HTML和CSS,,热门技术是javascrip/DOM/异步数据请求。第三阶段是即将迎来的HTML5+CSS3时代,这两者相辅相成,使互联网又进入一个崭新的时代。概要介绍CSS3是什么CSS3的新特性什么是CSS,什么是CSS3?非常简单,CSS代表“CasadingStyleSheets”,就是样式表,是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。开始普及的时候,就能够使用样式表对网页进行视觉效果的统一编辑,但是在10年间CSS基本没有什么太大的变化,一直到2010年终于推出了一个全新的版本---CSS3。CSS3只是表示下一代CSS,3只是版本号,。CSS3到底给我们带来了哪些新特性呢?简单的说,CSS3把很多以前需要使用图片和脚本来实现的效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程,还能加快页面载入速度。 .CSS3的一些新特性圆角效果图形化边界块阴影与文字阴影使用RGBA实现透明效果渐变效果使用***@Font-Face实现定制字体多背景图文字或图像的变形处理(旋转、缩放、倾斜、移动)多栏布局媒体查询demo展示:l5//demos/css/#third/trends/47-amazing-css3-animation-+…部分支持GoogleChrome4+…ExplorerIE9+部分支持Opera10+…部分支持Safari(+windows…较好支持)。CSS3技术概述CSS3选择器CSS3文字与文字相关样式CSS3盒相关样式CSS3背景与边框相关样式CSS3中的变形处理CSS3布局相关样式CSS3媒体查询(MediaQueries)CSS3颜色相关样式CSS3渐变CSS3选择器选择器CSS选择器是个难以置信地强大的工具:它们允许我们在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScripts。而且它们中的大部分并不是CSS3中新添加的,而是没有被得到应有的广泛应用。如果你在尝试实现一个干净的、轻量级的标签以及结构与表现更好的分离,高级选择器是非常有用的。它们可以减少在标签中的class和ID的数量并让设计师更方便的维护样式表。[att=“value”]匹配属性等于某特定值的元素[att^="value"]匹配属性包含以特定的值开头的元素[att$="value"]匹配属性包含以特定的值结尾的元素[att*=“value”]匹配属性包含含有特定的值的元素实例:a[title$=""]{       position:absolute;      top:0;       right:0;       display:block;       width:140px;       height:140px;       }浏览器支持:只有IE6不支持CSS的属性选择器。IE7和IE8、Opera、Webkit核心和Gecko核心的浏览器都支持。(同级)。它针对一个元素的有同一个父级节点的所有兄弟级别元素。比如,给某个特定的div的同级的图片添加一个灰色的边框(div和图片应该有同一个父级节点),在样式表中定义下面的样式就足够了:实例:div~img{       border:c;       } 浏览器支持:所有的主要浏览器都支持这个通用的兄弟选择器除了我们最爱的IE6!:root:not:empty:nth-child(n):nth-last-child(n):only-child:first-child:last-child详解: :root伪类选择页面的根元素。十有八九根节点是<html>元素,例如: :root{background-color:yellow;} :not想对某个结构元素使用样式,但是想排除这个结构元素下面的子结构元素。例如: body*:not(h1){background-color:yellow;} :empty当元素内容为空时被选中。例如: :empty{b

css3 教程 完整教学详细讲解 来自淘豆网www.taodocs.com转载请标明出处.

非法内容举报中心
文档信息
  • 页数41
  • 收藏数0 收藏
  • 顶次数0
  • 上传人xd3225
  • 文件大小1.52 MB
  • 时间2020-01-15