20200824赵鑫

学习总结

五大主要浏览器内核

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的结合体

学习心得

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

标签

评论

this is is footer