为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第10天 前端工程师2022版 前端入门第二周课程

课程名称:前端工程师2022版
课程章节:CSS3基础语法与盒模型
课程讲师: 慕课网
课程目标:掌握层折样式表的基本用法
课程内容:
CSS3基础入门
CSS3选择器
文本与字体属性
盒模型


CSS3
CSS3 技术可以代替很多图片,减少标签的嵌套,这意味着页面的标签更少,静态资源请求数减少,这就意味着我们打开页面的时间更快更好。
最后,CSS3 做到了向后兼容,在低版本浏览器中它不会打乱原有的布局,最多就是不起作用。

边框特性: 增加了圆角的定义和图片边框,它给了设计师更多的设计空间,在以前所有的元素都是方的,如果我们想要使用漂亮的边框只能使用背景图,这就无形中给服务器带来了压力。
多背景图: 现在我们一个元素上可以使用多张背景图了。
颜色: 现在我们不但可以使用线性渐变和径向渐变,还可以设置颜色的透明度,在不借助背景图的情况下可以创建更多的色彩。
多列布局和弹性盒模:让我们不再像以前那样为了布局大盒子套小盒子,定位 和 浮动 傻傻分不清楚,它可以说是前端布局的革命。
空间上增加了 2D 和 3D 空间。
过渡和动画
web字体,我们可以告别千篇一律的微软雅黑了。
媒体查询,现在在不同的分辨率下我们不再通过 JS 去控制样式了。
丰富的阴影效果。多用于 hover,悬浮等场景。


笔记导图:
图片描述


课程截图
图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

0 评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消