day02笔记.docx
- 文档编号:27003231
- 上传时间:2023-06-25
- 格式:DOCX
- 页数:15
- 大小:1.22MB
day02笔记.docx
《day02笔记.docx》由会员分享,可在线阅读,更多相关《day02笔记.docx(15页珍藏版)》请在冰豆网上搜索。
day02笔记
知识点:
一、css介绍
1》CSS3的发展史
HTML的诞生20世纪90年代初
1996年底,CSS第一版诞生
1998年5月CSS2正式发布
2004年CSS2.1发布
CSS3的发布是一个时间段
2》CSS3模块介绍
CSS1中定义了网页的基本属性:
字体、颜色、补白、基本选择器等
CSS2中在CSS1的基础上添加了高级功能:
浮动和定位、高级选择器等(子选择器、相邻选择器、通用选择器)
CSS3遵循的是模块化开发。
发布时间并不是一个时间点,而是一个时间段。
3》CSS3新特性预览
1、强大的CSS选择器
2、新的颜色制式和透明设定
3、多栏布局的实现
4、多背景图效果
5、文字阴影效果
6、开放的网络字体类型
7、圆角
8、边框背景图片
9、盒子阴影
10,媒体查询
4》浏览器支持情况
5》使用CSS3的负面因素。
1、IE浏览器这个拖油瓶。
2、CSS验证问题
3、代码冗余、臃肿
Demo1边框
Index.html----需要一个border.png
-webkit-border-image:
url(border.png)27/27pxstretch;
二、css3中选择器
1》css2中选择器回顾:
2》CSS3新增选择器类型
关系选择器
伪类选择器
结构性伪类选择器
UI元素状态伪类选择器
属性选择器
伪对象选择器
1、关系选择器
Demo
Index.html
2、结构伪类选择器
Demo1
html_root.html
First-child.html
p:
first-child{color:
#f00;}
Last-child.html
p:
last-child{color:
#f00;}
nth-child(n).html
nth-last-child(n).html
only-child.html
li:
only-child{color:
#f00;font-size:
30px}
first-of-type.html
last-of-type.html
nth-last-of-type(n).html
nth-of-type(n).html
only-of-type.html
empty.html
3.UI元素状态伪类选择器
4.属性选择器
5.伪对象选择器
三、CSS3新增的文本属性
1》
哇塞,有灰机灰过去了,一会又一架灰机灰来了
2》
看看我在哪里,左边还是右边还是中间捏?
3》text-shadow:
设置或检索对象中文本的文字是否有阴影及模糊效果。
我是一个正直的人,又正又值。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- day02 笔记