CSS

CSS
1.主流浏览器以及其内核
IE trident
Firefox Gecko
Google chrome blink
Safari webkit
opera blink
2.什么是联调（连接调试）？
前后端分离，bug不知道是前端还是后端的问题，就需要前后端联调
3.项目评估时间
开发周期x 3或者x 3.5倍，1/3开发，2/3调试，保证能够上线，没有风险
4.html 结构
css 样式
javascript 行为
5.css引入方式：
（1）行间样式
（2）页面级CSS
（3）外部引入CSS
I.link
II.@import
6.要锻炼表达能力（和产品、后端、测试、UI交流）
（面试的时候说不清楚就是你不会，所以面试前要反复地演练）
7.一般网页的包会放在服务器上
域名->DNS解析->IP地址
比如你要访问一个淘宝页面
首先通过域名解析获取到放置淘宝网页资源的服务器地址
发起请求后
服务器会把资源副本响应回浏览器
浏览器是下载一行执行一行的
下载html
执行到link标签，需要引入CSS文件时，浏览器会开启一个新的线程
去下载CSS，两个文件异步（同时）进行下载。
JavaScript具有阻塞特征
当 JavaScript 运行时其他的事情不能被浏览器处理。事实上，大多数浏览
器使用单进程处理 UI 更新和 JavaScript 运行等多个任务，而同一时间只
能有一个任务被执行。
从基本层面说，这意味着script标签的出现使整个页面因脚本解析、运行而出现等待。不论实际的
JavaScript 代码是内联的还是包含在一个不相干的外部文件中，页面下载和解析过程必须停下，等待脚本
完成这些处理，然后才能继续。 因为脚本可能在运行过程中修改页面
内容。
8.css选择器
（1）id选择器(#id名)
（2）class选择器(.clsss名)
（3）标签选择器（标签名）
（4）通配符选择器（*）
（5）属性选择器（[属性名]或者[属性名=属性值]）
9.权重（256进制）
!important Infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
（转成十进制之后再比较才是最准确的）
（权重相同的后面会覆盖前面的）
10.复杂选择器
（1）父子选择器/派生选择器
(浏览器底层遍历父子选择器的顺序是自右向左)
div span{}
（2）直接子元素选择器
div > span{}
（3）并列选择器
(多个条件选择一个元素)
div.span{}
（4）分组选择器
div,span{}
11.CSS属性
字典地址：css.88
（1）设置字体大小：
font-size:12px;
(实际设置的是字体的高)
(常用字体大小是12px或者14px)
(浏览器默认字体大小是:16px)
（2）设置字体加粗
font-weight:bold|100-900|normal|lighter|bolder|;
(如果没生效，是因为浏览器的字体包没有这个样式)
（3）设置字体
font-family:arial;(arial互联网通用字体)
（4）设置字体颜色
color:#ff4400;
(颜色值：英文单词|颜色代码|颜色函数)
光学三原色：
r g b
取值范围：00-ff
三原色可以简写，每两位都一样就可以简写
例如：#ff4400可以简写为#f40
（5）容器外边框（复合属性）
border: border-width border-style border-color
面试问题：画一个三角形（可以用border实现）。
回答：宽高设置为0,border设置好后，将不需要的部分设置
为透明色（transparent）

div{
      width:0;
      height:0;
      border:20px solid pink;
      border-top-color:transparent;
      border-left-color:transparent;
}

抽空复习了一下姬成老师的CSS，整理了一些我觉得有用的笔记，未完待续…