文章库ARTICLE COLUMN

  • bug记录:IE8,包含块min-height/height共存时的高度计算bug

    bug记录:IE8,包含块min-height/height共存时的高度计算bug

    摘要:的是,被的覆盖,最终的高度值为计算值。这里所有的浏览器都计算正确。 本文源自对http://segmentfault.com/q/1010000000378457的探索 问题条件 问题的条件有: A元素是B元素的包含块。 A元素设置overflow:hidden;,并同时设置了height和min-heigh...

    suxiersuxier 评论0 收藏0
  • 整理:子容器垂直居中于父容器的方案

    整理:子容器垂直居中于父容器的方案

    摘要:子容器溢出时,父容器出现滚动条。父容器或很显然,子容器溢出时,被父容器截断的情形无法和父容器自适应于子容器共存。现在这个布局可以自动生成,详见林小志的小工具图片垂直居中。溢出子容器溢出时会变成顶对齐,原因同上。 本文在evernote里有备份...

    youkedeyoukede 评论0 收藏0
  • CSS继承

    CSS继承

    摘要:的继承是由所使用的样式属性定义的。如何使用继承最简单的方法就是知道所有属性中那些是默认被继承的,如果这个属性被继承,就会知道它会在元素所有子元素中生效。被继承查看属性,会看到它的继承性是,也就是默认不被继承的。 CSS的继承是由所使用的...

    hlcfanhlcfan 评论0 收藏0
  • CSS设计模式:OOCSS 和 SMACSS

    CSS设计模式:OOCSS 和 SMACSS

    摘要:所幸已经有许多大师级的人物,提出许多设计模式和思维,借由站在巨人的肩膀上可以让事情事半功倍。增加的重复使用在的观念中,强调重复使用,而应该避免使用作为的选择器。负责定义元素不同的状态下,所呈现的样式。 真心觉得写出 CSS 并不难,但是要...

    jackwangjackwang 评论0 收藏0
  • CSS基础教程笔记

    CSS基础教程笔记

    摘要:属性只能在每个文档中出现一次选择器和派生选择器在现代布局中,选择器常常用于建立派生选择器。和一样,也可被用作派生选择器元素也可以基于它们的类而被选择属性选择器可以为拥有指定属性的元素设置样式,而不仅限于和属性。 博客主要记录学习的笔记...

    2i18ns2i18ns 评论0 收藏0
  • compass之sprite初接触

    compass之sprite初接触

    摘要:的就是让一个文件夹下的所有自动合并成一个临时的大图。所有必须是非交错的,否则会报没有属性的错误,非交错就是用保存的时候,会有的选项搜索了一天,发现没办法同时合并多个文件夹到一个图片上。 compass的sprite就是让一个文件夹下的所有icon自动...

    jsdtjsdt 评论0 收藏0
  • Y分钟学CSS

    Y分钟学CSS

    摘要:通过,可以实现网页样式和内容的分离。注释注释使用和包裹。针对页面上的所有元素。其次,因为它比其他指令更具体。兼容性的绝大部分特性兼容各种浏览器和设备。但是兼容性问题仍然是需要留意的一个问题。是关于这方面最好的资源。 早期的web没有样式...

    HydrogenHydrogen 评论0 收藏0
  • 理解 CSS 的 z-index 属性

    理解 CSS 的 z-index 属性

    摘要:通常认为页面是二维的,但实际上,还有一个属性,允许层叠元素。所有的盒模型元素都处于三维坐标系中。多个元素的属性相同时,将按照上文描述的顺序布局。使用排序的例子注意,的无效,因为未指定属性。每个堆叠上下文和它的同级上下文是独立的。 通常...

    cangck_Xcangck_X 评论0 收藏0
  • CSS兼容性列表

    CSS兼容性列表

    摘要:提供了非常详尽的兼容性列表测试涵盖主流浏览器的主要版本,包括和。这些语句的兼容性如何呢背景和边框涉及背景和边框的全部语句。分栏分栏展示内容。文本和文本相关的语句,包括流和装饰。单位涉及单位的属性,例如和。用户界面也可以算是其他类。 Qu...

    madthumbmadthumb 评论0 收藏0
  • 求索:GSAP的动画快于jQuery吗?为何?

    求索:GSAP的动画快于jQuery吗?为何?

    摘要:本文已完结,请看下文求索的动画快于吗为何续本文源自对问题动画性能优于的原理是什么的回答。是这样的吗请看下文求索的动画快于吗为何续 本文已完结,请看下文: > 求索:GSAP的动画快于jQuery吗?为何?/续 本文源自对问题《GSAP js动画性能优...

    LiangJLiangJ 评论0 收藏0
  • Linkedin Intro的钓鱼研究

    Linkedin Intro的钓鱼研究

    摘要:年月日,我联系了的安全团队,并会在近期发布修复补丁来解决下面的问题。有关月日,推出一个名为的应用程序。会对你的做些什么为了更好地观察的行为,目前我正对其进行更深入的分析研究,并很快就会发布。钓鱼去啦为达教学目的,我已经建立了一个基本的...

    lykopslykops 评论0 收藏0
  • 前端优化:RequireJS Optimizer 的使用和配置方法

    前端优化:RequireJS Optimizer 的使用和配置方法

    摘要:是自带的前端优化工具,可以对项目中的和代码使用或者进行压缩合并。这篇文章介绍的使用和配置方法,帮助大家解决使用中碰到的问题。对脚本的优化支持目前流行的和两种压缩方式,需要环境支持,而则需要环境。定义要被优化的模块数组。 RequireJS Opti...

    AlanAlan 评论0 收藏0
  • 开放静态文件 CDN

    开放静态文件 CDN

    摘要:开放静态文件是一个开放的仓库,全面收录优秀的开源库,并免费为之提供加速服务。同时,我们也提供开源库源接入的入口,让所有人都可以提交开源库,包括和等静态文件。国外源同步于,感谢所有开源库作者的努力。 开放静态文件 CDN是一个开放的仓库,全...

    galaxy_robotgalaxy_robot 评论0 收藏0
  • 前端开发面试题

    前端开发面试题

    摘要:总结了一些优质的前端面试题多数源于网络,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。如果需要使用,最好是通过动态给添加属性值,这样可以可以绕开以上两个问题。 markyun 总结了一些优质的前端面试题(...

    roland_reedroland_reed 评论0 收藏0
  • BEM —— 源自Yandex的CSS 命名方法论

    BEM —— 源自Yandex的CSS 命名方法论

    摘要:人们问我最多的问题之一是在类名中和是什么意思它们的出现是源于和的意思就是块元素修饰符是由团队提出的一种前端命名方法论。这种巧妙的命名方法让你的类对其他开发者来说更加透明而且更有意义。重要的是要注意,我使用的基于的命名方式是经过修改过的...

    CarlCarl 评论0 收藏0
  • css浮动

    css浮动

    摘要:中,凡是有了属性的元素,无论是不是块级元素,都会从文档流中消失。在排版的时候,会认为这些元素不存在在文档中,在文档流中的元素布局结束之后,才开始布局这些非文档流元素。 css中,凡是有了float属性的元素,无论是不是块级元素,都会从文档流中...

    苏丹苏丹 评论0 收藏0
  • 谈谈white-space和word-wrap

    谈谈white-space和word-wrap

    摘要:有两个属性我一直在混淆着其意义,今天一并整理掉。把折行也看成是一种非保留所有的空格和回车,但是允许折行。仅仅保留回车,会合并空格,且允许折行而正是默认有如下的元素篇首的几个问题,就当是习题好了。 有两个CSS属性我一直在混淆着其意义,今...

    ShihiraShihira 评论0 收藏0
  • 详解 CSS 属性 - position

    详解 CSS 属性 - position

    摘要:属性定义了一个元素在页面布局中的位置以及对周围元素的影响。元素将会脱离正常的文档流,所以其周围的元素将会忽略它的存在。此时,我们可以使用等属性对元素进行绝对定位。一般情况下定义两个属性,或或。 postion 属性定义了一个元素在页面布局中的...

    joywekjoywek 评论0 收藏0
  • CSS基础篇--页面实现两列布局,一列固定宽度,一列宽度自适应方法

    CSS基础篇--页面实现两列布局,一列固定宽度,一列宽度自适应方法

    摘要:不管是左是右,反正就是一边宽度固定,一边宽度自适应。博客园的很多主题也是这样设计的,我的博客园博客也是右侧固定宽度,左侧自适应屏幕的布局方式。与配合使用首先我们调整一下结构自适应区固定宽度区代码这样实现,的实际宽度就是屏幕宽度。 我在...

    RichardXGRichardXG 评论0 收藏0
  • CSS基础篇--可扩展性的页面布局

    CSS基础篇--可扩展性的页面布局

    摘要:左右结构,左边右边宽度固定代码代码左右结构,左边固定,右边代码代码左中右结构,左边固定,右边固定,中间代码代码这里是左边这里是中间这里是右边 1.左右结构,左边100%;右边宽度固定 showImg("http://segmentfault.com/img/bVbSYw"); css代码: ...

    CarlBenjaminCarlBenjamin 评论0 收藏0
  • 可扩展性的页面布局:左右结构, 左中右结构

    可扩展性的页面布局:左右结构, 左中右结构

    摘要:左右结构,左边右边宽度固定左右结构,左边固定,右边左中右结构,左边固定,右边固定,中间这里是左边这里是中间这里是右边 左右结构,左边100%;右边宽度固定 showImg("http://segmentfault.com/img/bVbSYw"); css #header{height:80px; backgrou...

    XBaronXBaron 评论0 收藏0
  • 详解 CSS 属性 - :before && :after

    详解 CSS 属性 - :before && :after

    摘要:现在我们经常在源码中看到如下的写法这里的和就是我们今天来探讨的伪元素之二。举例说明在这里我们给伪元素添加了属性,并赋值为。这里需要注意两者使用的顺序,伪元素应该位于后面,如果顺序改为是无效的。 现在我们经常在 html 源码中看到如下的写法...

    plokmju88plokmju88 评论0 收藏0
  • 扯一下似乎被遗忘的盒模型

    扯一下似乎被遗忘的盒模型

    摘要:不过想想,现在都让微软给退下了,还有多少呢。接着就是要提到的一点,盒模型的计算方式,标准方式和模式是不同的,不知道又想知道的同学请问谷哥或者度娘吧,记得几年前我那本破书上也又提到,还做了一些测试。扯远了,盒模型大概的情况就是这样。 前...

    Barry_NgBarry_Ng 评论0 收藏0
  • 每周前端开源推荐第一期

    每周前端开源推荐第一期

    摘要:每周前端开源推荐第一期一直以来大家都觉得是一个放在根目录的静态,这个开源库可以让增加动画动态修改图片甚至使用视频摄像头捕捉。体验地址一个类似的前端框架,和不同的是更语义化。 每周前端开源推荐第一期 favico.js Make a use of your fav...

    浠ラ箍浠ラ箍 评论0 收藏0
  • 一个气泡提示的Javascript控件

    一个气泡提示的Javascript控件

    摘要:功能很简单,就是可以在文本框下面显示一个气泡提示,如上图。只要在文本框启用,提交时内容为空时就会出现如图提示。 showImg("http://segmentfault.com/img/bVbrGa"); 某日,忽的想写个js小控件。功能很简单,就是可以在文本框下面显示一个气泡提示...

    z2xyz2xy 评论0 收藏0

热门文章

<