欢迎来到天天文库
浏览记录
ID：57636599
大小：4.08 MB
页数：91页
时间：2020-08-29
《css3语法教程讲义 新 参赛课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、CSS3介绍CSS3介绍主讲：***对话框如何实现？头像怎么翻转了？多背景图像？好看的字体如何实现？不同格式文件图标怎么添加？？什么是CSS，什么是CSS3？CSS1.0CSS2.0CSS3.0199619982001CSS即层叠样式表（CasadingStyleSheets），是一种替代并为网站添加样式的标记性语言。现在所使用的CSS基本是在1998年推出的CSS2的基础上发展而来的。CSS发展历史CSS3简介CSS3：CSS3表示下一代CSS，3只是版本号，css3在css2.1版本上加入了一些新特性，把很多以前需要使用图片和脚本来实现的效果只需
2、要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影等。CSS3不仅能简化前端开发工作人员的设计过程，还能加快页面载入速度。CSS与HTML结合的方法内嵌样式表直接添加在html的标识符里例如：CSS实例
3、标记连接外部文件例如：浏览器的前缀Konqueror-khtml-IE-ms-Mozilla（Gecko浏览器）-moz-Chrome和Safari-webkit-Opera-o-CSS3的一些新特性圆角效果图形化边界块阴影与文字阴影使用RGBA实现透明效果渐变效果使用@Font-Face实现定制字体多背景图文字或图像的变形、过渡、动画多栏布局媒体查询CSS3技术概述CSS3选择器CSS3文字与文字相关样式CSS3盒相关样式
4、CSS3背景与边框相关样式CSS3中的变形、过渡、动画CSS3多栏布局CSS3媒体查询（MediaQueries）CSS3颜色相关样式CSS3渐变CSS3选择器在CSS3中添加的选择器一般同级组合器子串特性选择器；结构伪类；UI状态伪类；CSS3选择器一般同级组合器：波浪字符（~）它针对一个元素的有同一个父级节点的所有兄弟级别元素。第二个选择器不必紧跟在第一个选择器后面。实例：h3～ul{List-style-type:binary;}SectionTitle......5、>............CSS3选择器特性和子串选择器[att^=“value”]匹配属性包含以特定的值开头的元素[att$=“value”]匹配属性包含以特定的值结尾的元素[att*=“value”]匹配属性包含含有特定的值的元素CSS3选择器结构性伪类选择器:root:not:empty:target:nth-child(n):nth-last-child(n):only-child:first-child:last-c
...
5、>
6、hild:first-of-type:last-of-type:nth-of-type:only-of-type详解：:root:root伪类选择页面的根元素。在HTML中，始终是指元素。例如：:root{background-color:yellow;}：not:not想对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素。例如：body*:not(h1){background-color:yellow;}：empty:empty当元素内容为空时被选中例如：:empty{background-color:yellow;}7、ble>abcCSS3选择器CSS3选择器详解：：target:target对页面中某个target元素（该元素的id被当作页面中的超链接来使用）指定样式，该样式只在用户点击了页面中的超链接，并且跳转到target元素后起作用：only-child它会选择出父元素的唯一子元素。如果某个元素是它的父节点的唯一子节点，那么你可以使用:only-child选择它例如：li:only-child{…}我们可以使用它来选择或8、>中的单个列表项：last-childlast-child用于选择父元素的最后一个子节点例如：li{bord
7、ble>
8、>中的单个列表项：last-childlast-child用于选择父元素的最后一个子节点例如：li{bord
此文档下载收益归作者所有
