![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 85
兜兜88
这个作者很懒,什么都没留下…
展开
-
CSS display & float详解
一、display属性 display属性的作用是规定元素以什么方式渲染。常用的值如下: none:不被渲染 block:以块级元素渲染 inline:以内联元素渲染 inline-block:以行内块渲染 inherit:继承父级容器的渲染方式1.元素渲染类型 浏览器对每个html元素有默认的渲染类型,默认为块级元素的主要有:di转载 2017-04-07 14:53:56 · 3190 阅读 · 0 评论 -
CSS 盒子模型
前端页面布局设计,盒子模型是基础中的基础。盒子模型不复杂,一张图就能说明问题。1.盒子模型示意图可以看出,倒霉IE的width=cssWidth+padding+borderWidth,这就是为啥在IE下和firefox、chrome下尺寸经常不一致。2.既然如此怎么解决呢?方法一:padding设成0,border设成0,用margin调整边距。但这种方法有一定问题,转载 2017-04-07 14:55:45 · 211 阅读 · 0 评论 -
CSS position详解
1.首先必须说明的,是浏览器渲染DOM的原理。浏览器根据html中的顺序依次渲染,对文字图片等进行分块,一个块接一个块渲染。2.接下来,要说明的是,可以设置块的大小。3.然后看一下position, position属性有四个值,static、relative、absolute、fixed。 A.static:这个值表示默认,让浏览器按照没有p转载 2017-04-07 14:55:15 · 236 阅读 · 0 评论 -
CSS 筛选器详解
1.为什么要研究CSS筛选器?因为想在页面中控制一个元素的样式太困难太麻烦了。使用内联CSS基本上宣布了放弃界面的可维护性;使用js修改样式,写不好的话,维护性也等同于零。而CSS样式表是原生的维护性最好的外挂,好的样式表,可以控制整站样式。更关键的是,jQuery也使用CSS筛选器来抓取DOM引用。因此,CSS筛选器,是前端攻城尸必修课之一。2.什么是筛选器?筛选器,翻译成普通话,就是一转载 2017-04-07 14:57:47 · 795 阅读 · 0 评论 -
CSS文档流
http://www.cnblogs.com/chuaWeb/p/html_css_position_float.html文档流即在元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,在每行中按从左到右的顺序排放元素。脱离文档流式指元素打乱了这个排列,或者是从排版中拿走。包括:浮动 和 定位。positionabsolute 脱离文档流。转载 2017-04-17 18:03:33 · 255 阅读 · 0 评论