导入样式
使用 @import url() 引入CSS文件
在CSS文件中直接使用 @import url()
@import url(文件.css);
在HTML文件中需要在 标签中使用 @import url()
@import url(文件.css);在HTML初始化时，@import url() 导入的CSS会被直接
导入到 HTML 或 CSS 文件中，成为文件的一部分
===========================================================================================
1.通用选择器 *{}
2.标签选择器 标签名{}
<标签名>内容</标签名>
3.类选择器 .{}
<标签名 class="类">内容</标签名>
4.id选择器 #id{}
<标签名 id="名">内容</标签名>
注：id选择器具有唯一性，文件中只出现一次
5.组合选择器
1.后代选择器：选择该元素后代元素 父元素 子元素
2.子代选择器：该元素第一级元素 父元素>子元素
3.相邻选择器：该元素之后相邻第一个元素 元素+元素
4.兄弟选择器：该元素之后同级元素 元素~元素
6.伪类选择器 标签名:hover{属性：属性值；}
注:伪类常见于a标签，使用时注意顺序
a:link {
color: skyblue;
}
/* 标签未访问颜色天蓝色 */
a:hover {
color: pink;
}
/* 悬停在标签上粉红色 */
a:active {
color: red;
}
/* 点击标签时红色 */
a:visited {
color: blue;
}
/* 访问后蓝色 */
=============================================================================
权重之和；和越大；越优先；和一样；越靠后；越优先
!important>行内样式>id>类选择器>标签选择器>通用选择器>继承>默认
=====================================================================
浮动：是一种布局属性；主要用于一行多列
语法：float:left(左浮动)和float:right(右浮动)
注：浮动会让元素脱离文档流
=======================================================================
为何清除浮动：如下代码时可以看到父元素黑色边框为2px；
而不是102px;也就是父元素的高度塌陷了
.box1 { width: 100px; border: 1px solid black; background: red; } .box2 { width: 100px; height: 100px; background: blue; float: left; }这是测试文字
解决
1.直接给父元素设置宽高
2.给父元素加浮动
3.overflow:hidden
注：BFC规范，但会对子元素想溢出有影响
4.display:inline-block;
注：BFC规范；也对后面元素有影响
5.设置空标签
6.after伪类：推荐使用如：
.box1 { width: 100px; border: 1px solid black; background: red; } .box2 { width: 100px; height: 100px; background: blue; float: left; } .clear:after{ content:"";clear:both;display:block; }这是测试文字
=======================================================================
盒子模型：是一种思维模型；主要用于实现布局效果
1.尺寸
设置宽度 width：值px或%
设置高度height:值px或%
2.边框
border:边框的粗度 线形 颜色；
线形有：solid 实线 dashed 虚线 dotted 圆点
3.盒子模型
box-sizing:content-box或border-box
border-box:整个盒子尺寸；不考虑内填充引起盒子
变大问题
计算实际占据宽高：
border-box:width|height+margin
content-box:width|height+padding+border+margin
注：手机端使用border-box
文末
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。
同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。
这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。
269页《前端大厂面试宝典》
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
前端面试题汇总
JavaScript
