前言
假如有那么残酷的一天,我不小心喝错了一瓶药,一下子抹掉了我这十多年的编程经验,把我变成了一只小白。我想自学 前端,并且想要找到一份工作,我预计需要 6 个月的时间,前提条件是每天都处于高效率的学习状态当中,并且每天的学习时间至少在 12 个小时以上。
即便是这样,我敢肯定,找到的工作肯定不会太好,勉强能够维持生活吧,毕竟是零基础入门啊。
如果想更进一步,真正成为一名不可或缺的高级前端工程师,时间需要更久,两年、三年、五年,直到秃的那天。
想着想着,我就觉得有必要为那一天做点准备,以备不时之需。
CSS简介
CSS是层叠样式表(Cascading Style Sheets)的简称。
作用:
- 用于HTML文档中元素的样式定义
- 实现内容(html元素)与表现(css样式)的分离
- 实现代码的可重用性和可维护性
CSS主要部分:选择器及一条或多条声明。
- 选择器用于指定CSS样式的HTML标签,花括号内是对该对象设置的的具体样式。
- 属性和属性值以“键值对”的形式出现。
- 属性是对制定对象设置的样式属性,例如字体大小、文本颜色等。
- 属性和属性之间用英文“:”分开。
- 多个键值对之间用英文“;”进行区分。
CSS基础选择器
CSS选择器作用:选择标签
-
标签选择器
用HTML标签名作为选择器,按标签名分类,为页面中的某一类标签指定统一的CSS样式。 -
类选择器
为了差异化选择不同的标签,单独选一个或某几个标签,可以使用类选择器。 -
id选择器
样式#定义,结构id调用,只能用一次,别人勿使用
样式点调用,结构类(class)调用,一个或多个,开发最常用 - 通配符选择器
使用“*”定义,表示选中所有元素(标签)。
CSS字体属性
(1)常用字体属性
最后
在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
-
HTML5新特性,语义化
-
浏览器的标准模式和怪异模式
-
xhtml和html的区别
-
使用data-的好处
-
meta标签
-
canvas
-
HTML废弃的标签
-
IE6 bug,和一些定位写法
-
css js放置位置和原因
-
什么是渐进式渲染
-
html模板语言
- meta viewport原理
- 开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】