欢迎来到天天文库
浏览记录
ID：48029295
大小：3.94 MB
页数：91页
时间：2020-01-10
《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、存在，在
4、技术概述CSS3选择器CSS3文字与文字相关样式CSS3盒相关样式CSS3背景与边框相关样式CSS3中的变形、过渡、动画CSS3多栏布局CSS3媒体查询（MediaQueries）CSS3颜色相关样式CSS3渐变CSS3选择器在CSS3中添加的选择器一般同级组合器子串特性选择器；结构伪类；UI状态伪类；CSS3选择器一般同级组合器：波浪字符（~）它针对一个元素的有同一个父级节点的所有兄弟级别元素。第二个选择器不必紧跟在第一个选择器后面。实例：h3～ul{List-style-type:binary;}5、ction>SectionTitle..................CSS3选择器特性和子串选择器[att^=“value”]匹配属性包含以特定的值开头的元素[att$=“value”]匹配属性包含以特定的值结尾的元素[att*=“value”]匹配属性包含含有特定的值的元素CSS3选择器结构性伪类选择器:root:not:empty:target:n
5、ction>
...
6、th-child(n):nth-last-child(n):only-child:first-child:last-child: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-col
7、or:yellow;}：empty:empty当元素内容为空时被选中例如：:empty{background-color:yellow;}
8、素的唯一子元素。如果某个元素是它的父节点的唯一子节点，那么你可以使用:only-child选择它例如：li:only-child{…}我们可以使用它来选择
此文档下载收益归作者所有
