css基础
文章平均质量分 73
seven-yang
这个作者很懒,什么都没留下…
展开
-
css基础布局细节(二)
BFC的学习BFC全称Block Formatting Context,即块级格式化上下文(IFC:内联元素格式化上下文),BFC是一个独立的布局环境,在这个环境里面物品的摆放是不受外界的影响的。转换为BFC的理解则是:BFC中的元素的布局是不受外界的影响(可以利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。),在一个BFC中,块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂原创 2017-07-13 10:41:20 · 385 阅读 · 0 评论 -
css3新特性和其他常见问题(三)
css3新特性 参考网站 css3选择器 属性选择器(IE7及以上支持) E[attr]表示存在attr属性即可; E[attr=val]表示属性值完全等于val E[attr~=val]表示的一个单独的属性值 这个属性值是以空格分隔的 E[attr|=val]表示的要么一个单独的属性值 要么这个属性值是以“-”分隔的 E[attr*=val]表示的属性值里包含val字符并且在...原创 2017-07-14 09:32:18 · 407 阅读 · 0 评论 -
css基础布局细节(一)
一个页面上两个div左右铺满整个浏览器,要保证左边的div一直为100px,右边的div跟随浏览器大小变化(比如浏览器为500,右边div为400,浏览器为900,右边div为800),请写出大概的css代码。 方式1 style type="text/css"> #box{ width: 900px; height:原创 2018-01-20 19:47:06 · 593 阅读 · 0 评论 -
css的预处理器、后处理器以及选择器
css预处理器 参考文章 css预处理器:用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 css存在的问题:语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器; 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复输出,导致难以维护。 所以需要预处理器提供 CSS 缺失的样原创 2018-01-23 13:47:13 · 5718 阅读 · 0 评论 -
瀑布流原理
瀑布流实现的原理 核心特点是定宽不定高。 适用于单页面展示对内容的页面,利用js动态改变绝对定位的位置,然后对滚动条的事件监听,加载数据。 先通过计算出一排能够容纳几列元素,然后寻找各列之中所有元素高度之和的最小者,并将新元素添加到该列上个,然后继续寻找所有列的各元素之和的最小者,继续添加到该列上,循环下去,直到所有元素可以按要求排列为止。 代码 <!doctype htm...原创 2018-03-22 10:39:12 · 481 阅读 · 0 评论