学习总结

五大主要浏览器内核

Chrome/Opera内核Blink

Firefox 内核 Gecko

IE 内核 Trident

Safari 内核 webkit

link和@import的区别

①link是XHTML标签，而@import是css提供的；

②link写在html页面上，只能存在于head部分的，而@import是写在css文件中的，也可以写在style钟

③link引用css时，在页面加载时同时加载；而@import需要时页面加载完成载入以后才加载；

④兼容问题：link是XHTML标签，没有兼容问题；@import是css2.1提出的，低版本(ie5及一下ie不支持)

⑤link支持使用JavaScript去控制DOM改变样式的，但是@import不支持；

⑥link方式引入的样式的权值高于@import的权值

前端页面的构成和主要作用

①结构层：html，主要负责搭建网页的整体架构

②样式层：css，主要负责为页面添加样式，进行美化

③行为层：JavaScript，主要负责页面的交互效果

css代码优化

1.合并样式

2.能用群组，就不单写。能简写，就不单独去定义

3.缩小样式文件的大小，能重用就重用

4.减少样式重写

5.避免出现空的href和src

6.代码压缩

7.选择更优的样式属性值

8.不要在HTML中缩放图像

SASS

scss 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 、嵌套 、混合 、导入、函数等高级功能，这些拓展令 CSS 更加强大与优雅，scss有点类似css和JavaScript的结合体

学习心得

找工作不仅仅是会写代码而已，更像是应试教育，不管有没有用，都得要会，所以要多背一些概念性的东西。