CSS是网站的化妆师
如果你学完基本的HTML以后,可能感觉HTML学的很枯燥,这时候学点CSS,学习下网页的化妆技术,还是非常有成就感的,如果你看过一些前端讨论的话,可能会看到一句话"熟练完成静态网页的制作,高度呈现设计稿",这里的静态网页制作就是指通过HTML+CSS实现一个网页的代码书写,这个事情最看重的就是CSS的应用,如果你想写一个网页体验超级高的网页,CSS是实现优质网页体验的基础。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。说了这么多有的没得,总结成一句话就是"学它就行了!",如果你想做前端,学CSS绝对是非常有必要的!
-- 朱安邦
推荐书籍:《Head First HTML 与 CSS》
这本书非常适合HTML和CSS启蒙,主要有以下几个特点。
- 通俗易懂
- 循序渐进
- 思路清晰
CSS学习重点
CSS的重点内容CSS 选择器
CSS 背景
CSS颜色
CSS 布局
CSS定位
CSS 文本字体
CSS过渡/动画
CSS盒子模型
CSS表格
CSS列表
CSS 滤镜
CSS 语法规则
资料来源
开源资料的来源Bilibili
百度网盘
阿西河
等你继续补充
面试题来源
来源包括但不限于以下企业
腾讯+
互联网公司
京东+
电商公司
阿里巴巴+
互联网公司
字节跳动
互联网公司
CSS面试题
学完CSS以后,可以通过面试题巩固一下CSS属性
- CSS中定位的方式有哪些?
- position的值relative和absolute是相对于谁进行定位的?
- absolute 的 containing block 计算方式跟正常流有什么不同?
- 设置元素浮动后,该元素的display值是多少?
- 怎么使用浮动元素,有什么问题以及怎么解决这些问题。
- position跟display、margin collapse、overflow、float这些
- display有哪些值?说明他们的作用。
- display:none和visibility:hidden的区别?
- CSS里的visibility属性有个collapse属性值是干嘛用的?
- CSS中link和@import的区别是?
阿西河
www.axihe.com 如果本站能够帮助到你,希望你可以帮忙宣传下我的这个网站,万分感谢!
1
阿西河 专注大前端领域
术业有专攻,希望做前端这个领域的知名网站
2
阿西河 专注免费分享
为了让帮助更多的人顺利转行和学习,本站所有内容均是免费
3
希望你向朋友们推荐本站
阿西河这个站纯属用爱发电,希望更多人看到我的网站,如果都没人关注,可能就慢慢不想继续了
4
欢迎提意见
本站所有内容都是我一个人收集,整理以及写的内容,肯定有很多不到位的地方,欢迎提意见