CSS全称层叠样式表，它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。是能够真正做到网页表现与内容分离的一种样式设计语言，能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 CSS规则 CSS文档由一系列规则组成，一条...
举个例子，标签P，也许会在嵌入样式表、外部样式表中多次被设置相关属性的值(比如color: red;/color : blue)，那么浏览器到底是以哪个值来显示P的样式呢？？？这就是CSS的工作原理。（其中特指度比较重要） CSS有3种工作机制：1.继承 2.层叠 3.特指 （其中层叠原则是基于继承和特指的） 1.继承 ：css中的祖先元素会向后代传递一样东西：CSS属性的值。body是所有元素的祖先，如果我们指定body{color:red;},那么文档中的所...
CSS的可视化格式模型中具有一个非常重要地位的概念??定位方案。定位方案用以控制元素的布局，在CSS2.1中，有三种定位方案??普通流、浮动和绝对定位： 普通流：元素按照先后位置自上而下布局，inline元素水平排列，直到行被占满后换行，block元素则被渲染为完整的一行，除非指定，所有元素默认为普通流定位。 浮动：浮动布局中，元素首先按照普通流位置出现，然后根据浮动方向尽可能向左或右偏移，效果与文本环绕相似。 ...
这只是一个学习摘要！这只是一个学习摘要！这只是一个学习摘要！重要的事情说三遍，以下内容均来自网络，如有雷同，算我抄你的 :）“学习浏览器的内部工作原理将有助于您作出更明智的决策，并理解那些最佳开发实践的个中缘由。” ---Paul Irish 简介 一、浏览器的主要功能 浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。这里所说的资源一般是指 HTML 文档，也可以是 PDF、图片或...
序言 这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据，并花了很多时间来研读网络浏览器的源代码。她写道： 在 IE 占据 90% 市场份额的年代，我们除了把浏览器当成一个“黑箱”，什么也做不了。但是现在，开放源代码的浏览器拥有了 过半的市场份额 ，因此，是时候来揭开神秘的面纱，一探网络浏览器的...
font-weight允许值 normal | bold | bolder | lighter | l00 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 font-weight初始值 normal font-weight可否继承 是 font-weight适用于 所有元素为理解用户代理怎样决定字体变形的粗细，得先从关键字100到900谈起，然后我们再来看它是如何继承的。 这些数字关键字用于定义与字体的相关特征的映射关系，即字体的粗细被分成九个等级。例如，OpenType就使用了九...
在上篇文章中我们详细介绍了 DOM 的生成过程，并结合具体例子分析了 JavaScript 是如何阻塞 DOM 生成的。那本文我们就继续深入聊聊渲染流水线中的 CSS。因为 CSS 是页面中非常重要的资源，它决定了页面最终显示出来的效果，并影响着用户对整个网站的第一体验。所以，搞清楚浏览器中的 CSS 是怎么工作的很有必要，只要理解了 CSS 是如何工作的，你才能更加深刻地理解如何取优化页面。本文我们先站在渲染流水线的视角来介绍 CSS 是如...