css 权威指南笔记（一）

零零散散接触css将近5年,俨然已经成为一个熟练工.如果不是换份工作,我不知道自己差的那么远:在qunar的转正review中我这种“知其然而不知其所以然” 的状况被标明,我才意识到我已停步不前近两年~ 知耻而后勇,从基础拾起~ 所以我写这一系列笔记~…

第1章 css和文档 1,元素:替换元素(img input),非替换元素(大多数span). 2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet):type(text/css):media:(all(所有表现媒体, screen,print),title(配合候选使用). 3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前. 4,向后可访问性:<style>…

css 权威指南笔记（五）结构和层叠之三种样式来源

CSS中的样式一共有三种来源:创作人员.读者和用户代理,来源的不同会影响到样式的层叠方式首先,创作人员(author's+style)样式应该是我们最熟悉的,如果你是一个前端开发者,那么你写的那些样式就叫做创作人员样式. 然后是用户代理样式(agent's+style),用户代理也就是我们通常所说的浏览器(IE.Firefox等等),这些浏览器会提供一些默认的样式,比如IE浏览器中,一个纯粹由html代码构成的网页里,我们会发现超链接会带有一个蓝色的前景色,这其实就用户代理样式,借用一些插件我…

css 权威指南笔记（六)-基本视觉格式化

块级元素百分数:边框的宽度不能是百分数,只能是长度.基本原则是只使用百分数将无法创建完全灵活的元素布局(即所有属性都可设置). 合并垂直外边距相邻外边距会沿着竖轴合并.两个外边距中较小的一个会被较大的一个合并…

css 权威指南笔记（五）结构和层叠

特殊性重要性 !important; 继承向上传播例外,应用到body元素的背景样式可以传递到html元素,相应对的可以定义其画布. 大多数框模型属性(包括外边距.内边距.背景.边框)都不能继承继承的值没有特殊性通配选择器有0特殊性,其声明指定值要大于继承值层叠相关规则 !important创作人员样式 > 创作人员样式>读者样式>用户代理样式(important>style="color:xx;") 特殊性高>低出现顺序后(权重大)…

css 权威指南笔记（四）选择器

规则结构每个规则都有两个基本部分组成:选择器和声明块.声明块由一个或多个声明组成,每个声明则是一个属性-值对. 元素选择器声明和关键字关键字一般由空格隔开:有一种情况例外 font属性中的斜线(/)分割元素的字体大小和行高两个关键字. 分组选择器分组通配选择器 (*)css2引入声明分组各个声明最后使用分号: 类选择器和ID选择器类选择器多类选择器各个词之间用空格分隔不同平台的Internet Explorer 处理不同 ID选择器属性选择器简单属性选择器 h…

css 权威指南笔记（三）结合css和XHTML

link rel stylesheet alternate stylesheet(候选样式表) title type media all screen print ..... 内联样式…

css 权威指南笔记（二）元素

替换元素用来替换元素内容的部分并非有文档内容直接表示. img input 非替换元素其内容由用户代理(通常是一个浏览器)在元素本身生成的框中显示. 块级元素块级元素生成一个元素框,(默认)会填充父元素的内容区,旁边不能有其他元素,换句话说,他在元素前后生成分隔符.替换元素可以是块级元素,不过通常都不是. 行内元素行内元素在一个文本行内生成元素框,而不会打断这行文本.可以出现在另一个元素的内容中,而不会破坏其显示. 块级元素行内元素图文在HTML和XHTML中,块级元素不能继承自行内…