css3语法教程讲义 新 参赛课件.ppt

css3语法教程讲义 新 参赛课件.ppt

ID:57636599

大小:4.08 MB

页数:91页

时间:2020-08-29

css3语法教程讲义  新  参赛课件.ppt_第1页
css3语法教程讲义  新  参赛课件.ppt_第2页
css3语法教程讲义  新  参赛课件.ppt_第3页
css3语法教程讲义  新  参赛课件.ppt_第4页
css3语法教程讲义  新  参赛课件.ppt_第5页
资源描述:

《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实例

内部样式表定义在间,仅作用于本文档例如: body{color:blue;font-size:20px;}外部样式表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

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

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

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

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