




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、CSS3-01主讲:邮箱:微博:课前复习 TABLE表格相关标签有那些? FROM表单相关标签有哪些? IFRAME行内标签的属性?预习检查本章任务CSS3的介绍与新特性简述,优点CSS3的选择器CSS3的新属性CSS3的盒子模型CSS3+HTML5的布局方式CSS3+HTML5 响应式布局实现方式1. CSS3的简介什么是层叠样式表: CSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。 CSS2.1是目前被使用最广泛的版本,而目前还
2、在开发中的CSS3具有更吸引人的特性。 2. CSS3选择器2.1 基本选择器2.2 层级选择器2.3 属性选择器2.4 结构性伪类选择器2.5 状态伪类选择器2.6 其他选择器2.1 基本选择器.class 类选择器#idID选择器* 通配符TagName 标签选择器2.2 层级选择器div,p 组合选择器divp 选择所有作为div元素的子元素pdiv+p 选择紧贴在div元素之后p元素divp 选择div元素后面的所有兄弟元素p2.3 属性选择器attribute选择具有attribute属性的元素。attribute=value选择具有attribute属性且属性值等于value的元素
3、。attribute=value选择具有attribute属性且属性值为一用空格分隔的字词列表,其中一个等于value的元素。 attribute|=value选择具有att属性且属性值为以val开头并用连接符-分隔的字符串的E元素。attibute=value匹配具有attribute属性、且值以valule开头的E元素attribute$=value匹配具有attribute属性、且值以value结尾的E元素attribute*=value匹配具有attribute属性、且值中含有value的E元素2.4 结构性伪类选择器:first-letter设置对象内的第一个字符的样式。 :firs
4、t-line设置对象内的第一行的样式。 :before设置在对象前(依据对象树的逻辑结构)发生的内容。:after设置在对象后(依据对象树的逻辑结构)发生的内容。:lang(language)匹配使用特殊语言的E元素。 :element1element2:first-of-type匹配同类型中的第一个同级兄弟元素:last-of-type匹配同类型中的最后一个同级兄弟元素2.4 结构性伪类选择器:only-of-type匹配同类型中的唯一的一个同级兄弟元素:only-child匹配父元素仅有的一个子元素:nth-child(n)匹配父元素的第n个子元素:nth-last-child(n)匹配同
5、类型中的倒数第n个同级兄弟元素:last-child()匹配父元素的最后一个子元素:root匹配元素在文档的根元素。在HTML中,根元素永远是HTML :empty匹配没有任何子元素(包括text节点)的元素2.5 状态伪类选择器:link设置超链接a在未被访问前的样式。:visited设置超链接a在其链接地址已被访问过时的样式:active 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式:hover设置元素在其鼠标悬停时的样式:focus设置元素在其鼠标悬停时的样式:target匹配相关URL指向的E元素2.5 状态伪类选择器:enabled 匹配用户界面上处于可用状态的元素:disabled 匹配用户界面上处于禁用状态的元素:checked 匹配用户界面上处于选中状态的元素:not(selector)匹配不含有selector选择符的元素:selection 设置对象被选择时的
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 电子版档案托管合同范本
- 机械厂管理协议合同范本
- 自由房产合作的合同范本
- 电子汽车买卖合同协议书
- 材料采购合同定金协议书
- 用劳务公司人员合同范本
- 背靠背合同三方终止协议
- 独居小沙发租房合同范本
- 飞机保险合作协议书模板
- 瑜伽普拉提合作合同协议
- 2025至2030中国护眼灯行业发展趋势预判及市场前景预测报告
- 2025年人教版小学一年级下册数学期末易错题测试试题(含答案和解析)
- 一书一签收发管理制度
- 2025年酒店管理专业基础知识考试试题及答案
- 2025年四川酒业茶业投资集团有限公司及下属子公司招聘笔试参考题库含答案解析
- 新能源汽车热管理系统的能量优化与梯级利用策略探讨
- (高清版)DB13 5808-2023 餐饮业大气污染物排放标准
- T/CGCC 66-2022外卖智能取餐柜
- 【泡泡玛特营销策略研究的文献综述】3100字
- 医师多点备案协议书
- 2006年江苏高考政治真题及答案
评论
0/150
提交评论