原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
单元4CSS样式属性
知识入门
循序渐进
4.1文本样式
4.2CSS背景
4.3列表
4.4超链接
4.5CSS3高级特性
知识拓展
知识入门
1.字体颜色
2.视
3.相对路径与绝对路径
3.超文本
4.超链接
循序渐进
4.1文本样式
4.2CSS背景
4.3列表
4.4超链接
4.5CSS3高级特性
4.1文本样式
4.1.1文字设计
4.1.2文本设计
4.1.1文字设计
1.文字的字体
font-family:字体1,……,字体n;
2.字体颜色
color:颜色值
3.字体大小
font-size:尺寸值
px、em、vm
4.字体粗细
font-weight:值;
5.字体样式
font-style:值;
4.1.2文本设计
1.行距
line-height:值;
2.文本间距
（1）设置单词之间的距离。word-spacing：属性值
（2）设置字符或汉字之间的距离。letter-spacing：属性值
3.字母大小写转换
text-transform：属性值
4.文本装饰
text-decoration：属性值：
5.文本阴影
text-shadow:h-shadowv-shadowblurcolor,h-shadowv-shadowblurcolor,……h-shadowv-
shadowblurcolor;
6.处理元素中的空白
white-space:属性值;
7.字体的复合属性
font:font-stylefont-variantfont-weightfont-sizeline-heightfont-family
【任务4-1】设计网站文字Logo
【任务描述】
（1）使用文本属性对Logo进行排版。
（2）使用阴影属性添加发光和描边效果。
4.2CSS背景
4.2.1背景颜色
4.2.2背景图像
4.2.1背景颜色
background-color:属性值;
4.2.2背景图
1.插入背景
background-image:url;
2.控制背景图片插入方式
background-repeat:属性值;
3.控制背景图位置
background-position:位置属性;
4.控制图片背景是否滚动
background-attathment:属性值
5.综合使用背景属性
background:background-colorbackground-imagebackground-
repeatbackground-positionbackground-attachment
【任务4-2】添加右侧悬浮背景图
【任务描述】
（1）为body元素添加背景色并添加固定位置背景图。
（2）为p元素添加背景图进行水平平铺。
（3）为p元素添加背景图进行垂直平铺
文档评论（0）