12 2015 档案

css基础篇（六）——选择器优先级计算
摘要：1.css选择器计算方法场景描述：如下代码,你认为文字会显示什么颜色,原因是什么？1.其实我是一个演员2.其实我是一个演员解决上面的问题，先说说怎么计算优先级：(1)定义几个值：(默认为0)ICE:表示计算结果;I:表示ID选择器;C:表示Class选择器;E:表示Element(元素)选择器;(2... 阅读全文
posted @ 2015-12-27 19:31 web-bk 阅读(284) 评论(0) 推荐(0)
css基础篇（五）——display
摘要：1.介绍先看看display的取值：是不是发现原来display有这么多的取值:我这里将display所有的取值分为3类：常用系,table系,伸缩系(css3新加)2.常用系2.1 display:none;和visibility:hidden的区别display:none;隐藏对象,不为隐藏的对... 阅读全文
posted @ 2015-12-27 19:30 web-bk 阅读(335) 评论(0) 推荐(0)
css基础篇（四）——BFC
摘要：1.BFC(Block Formatting Context)是什么Formatting context是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。一个环境中的元素不会影响到其它环境中的布局.比如浮... 阅读全文
posted @ 2015-12-27 19:28 web-bk 阅读(195) 评论(0) 推荐(0)
css基础篇（三）——布局（下）
摘要：之所以将浮动，定位归为布局来讲，就是因为css布局技术都依赖于三个基本概念：定位，浮动和空白边的操纵;1.固定宽度布局1.1 居中布局如上图：是pc端比较时髦的居中设计,而实现居中设计的方案有：1.自动空白实现(如上图).main{ width:1000px; marign:0 auto;}2.定位... 阅读全文
posted @ 2015-12-13 11:51 web-bk 阅读(186) 评论(0) 推荐(0)
css基础篇（三）——布局（上）float和position
摘要：1.定位(position)position的值有：relative/absolute/fixed/static/inherit;static:为position属性的默认值，static元素会遵循正常的文档流，且会忽略top,bottom,left,right等属性;inherit:如同其他css... 阅读全文
posted @ 2015-12-10 22:08 web-bk 阅读(223) 评论(0) 推荐(0)
css基础篇（二）——盒子模型
摘要：1.inline,inline-block,block说盒子模型前先说说块元素，行内元素，行内块元素的区别块元素(block): 块元素排斥其他元素与其位于同一行，可设定元素的宽和高（如：div,p,h1~h6）；行内元素(inline): 不可设置宽高，可以和其他行内元素位于同一行（如：a,spa... 阅读全文
posted @ 2015-12-06 19:40 web-bk 阅读(244) 评论(0) 推荐(0)
css基础篇（一）——浏览器加载和渲染网页
摘要：1.介绍虽然这篇是css笔记，但是做为web开发，天天和浏览器打交道，有必要先理理我目前了解的浏览器加载和渲染页面的过程。2.页面加载和渲染流程如图:(该篇重点是css,所以该图重点说明css渲染)1.重建DOM树:渲染引擎开始解析html文档，转换树中的标签到DOM节点2.构建渲染树:解析css，... 阅读全文
posted @ 2015-12-05 17:29 web-bk 阅读(441) 评论(0) 推荐(0)