web的一点点点笔记

什么是浏览器内核？

网页上所用到的语言有：html, css, JavaScript等，其中，前两者通常决定了该页面长什么样，它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后，负责根据这套规范将代码渲染出来呈现给用户，浏览器内核所做的就是这个渲染工作。因此，浏览器内核，也被称为排版引擎（layout engine）、渲染引擎（rendering engine）。
五大主流浏览器，四个内核（单核）。
IE浏览器内核：Trident内核，也是俗称的IE内核； 
Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 
Firefox浏览器内核：Gecko内核，俗称Firefox内核；
Safari浏览器内核：Webkit内核；
Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；

双核浏览器：360浏览器，QQ浏览器，百度浏览器，等等。

选择器权值计算

!important                       Infinity
行间样式                          1000
id                                       100
class|属性|伪类                   10
标签选择器|伪元素             1
通配符                                 0

选择器

id是一对一的（#）
class可以多对多（.）
标签选择器即直接写出标签名字选择（div)
通配符可以选择全部标签（*）
父子选择器/派生选择器 div span ;
直接子元素选择器 ：div > span或者div>span
并列选择器：div.demo ；
伪类选择器 ：a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */

伪元素选择器：

属性	描述	CSS
:first-letter	向文本的第一个字母添加特殊样式。	1
:first-line	向文本的首行添加特殊样式。	1
:before	在元素之前添加内容。	2
:after	在元素之后添加内容。	2

radio 单选框
checkbox 复选框
浏览器加载页面时采用同时加载多个文件的操作，叫做异步，单独加载一个文件叫做同步。

1.行级元素，内联元素 inline
feature : 内容决定元素所占位置，不可以通过CSS改变宽高。
eg: span , strong , em , a , del
2.块级元素 block
feature : 独占一行 ，可以通过CSS改变宽高。
eg: div , p , ul , li , ol , from , address
3.行级块元素 inline-block 
feature : 内容决定大小，可以改变宽高。
eg: img