欢迎来到天天文库
浏览记录
ID：58610721
大小：4.59 MB
页数：42页
时间：2020-10-20
《【雅恩老师】单元3-展示网页设计ppt课件.pptx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、单元3图文展示网页设计请简要概括什么是CSS的层叠性、继承性和重要性。请简述什么是CSS的优先级，并做出总结。提问（1）CSS层叠性是指当有相同权重的样式存在时，会根据这些CSS样式的前后顺序来决定，处于最后面的CSS样式会被应用。（2）CSS的继承性是指具有继承性的CSS样式可以被应用于某个特定HTML标签及其后代。（3）CSS重要性是指在同一组属性设置中标有“!important”的样式优先级最大，将会覆盖其他属性设置。CSS优先级即是指CSS样式在浏览器中被解析的权重不同。CSS优先级进行总结，具体如下：（1）权值越大越优先；（2）当权值相等时，后出现的样式
2、表设置要优于先出现的样式表设置；（3）创作者的规则高于浏览者：即网页编写者设置的CSS样式的优先权高于浏览器所设置的默认样式；（4）继承的CSS样式权值小于后来指定的CSS样式；（5）在同一组属性设置中标有“!important”规则的优先级最大；作业点评掌握CSS3精灵技术和使用CSS3实现动画效果21HTML图像标签的使用3掌握CSS3背景设置、阴影、渐变、圆角边框、过渡和变形学习目标掌握掌握掌握传智书城1页面展示：购物网站通常会以图文混排的方式展示商品信息，本项目将实现一个名为传智书城的网上书城页面，当鼠标悬停到某个商品上时，会出现商品的价格等信息。鼠标悬停
3、商品效果2技术要点：HTML5常用图像标签CSS背景设置CSS阴影和渐变项目3-1-项目描述标签标签用于定义网页中的图像，语法格式如下所示：src和alt是标签必需的属性。标签和标签案例代码（详见教材demo3-1）当需要在网页中添加一个插图时，就可以使用标签来实现。一只呆萌的小鸡拍摄者：papi拍摄时间：2016年2月4、="images/demo3-1/chicken.png"alt="抱歉您的图片不能显示">标注插图前导知识-HTML5常用图像标签CSS用于背景设置的常用属性如下所示。属性名属性描述background-color设置背景色。background-image设置图片背景。background-repeat设置背景平铺重复方向。background-attachment设置或检索背景图像是随对象内容滚动还是固定的。background-position设置或检索对象的背景图像位置，语法为length
拍摄者：papi拍摄时间：2016年2月
4、="images/demo3-1/chicken.png"alt="抱歉您的图片不能显示">
5、length或者position
6、positi
7、onbackground-size规定背景图像的尺寸。red，green，blue预定义的颜色值。#FF0000，#FF6600，#29D794十六进制颜色值，也是最常用的定义颜色的方式。rgba(255,0,0,0.5)或rgba(100%,0%,0%,0.5)r：红色值；g：绿色值；b：蓝色值，rgb的取值可以是正整数也可以是百分数。a：透明度，取值0~1之间。url(url)直接引用图片地址来设置图片作为对象背景。repeat背景图像在纵向和横向上平铺。no-repeat背景图像不平铺。repeat-x背景图像在横向上平铺。repeat-y背景图像在纵向平铺
8、。Scroll：背景图像是随对象内容滚动。Fixed：背景图像固定。length：百分数
9、由浮点数字和单位标识符组成的长度值。如：35%80%或35%2.5cmposition：top
10、center
11、bottom
12、left
13、center
14、right。length第一个值设置宽度，第二个值设置高度。一个值时，第二个值会被设置为"auto"。percentage以父元素的百分比来设置背景图像的宽度和高度，用法同上。cover背景图完全覆盖背景区域。contain宽和高完全适应内容区域。前导知识-CSS背景设置用backgroung进行设置。CSS背景设置的复合写法选择
15、器{background:background-color
16、
17、background-image
18、
19、background-repeat
20、
21、background-attachment
22、
23、background-position}如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。默认值为：transparentnonerepeatscroll0%0%。前导知识-CSS背景设置盒阴影对象选择器{box-shadow:投影方式
24、
25、X轴偏移量
26、
27、Y轴偏移量
28、
29、阴影模糊半径
30、
31、阴影扩展半径
32、
33、阴影颜色}此参数是一个可选值，如果不设值，其默认的投
34、影方式是外
此文档下载收益归作者所有
