文章库ARTICLE COLUMN

  • Boostrap Tutorial

    Boostrap Tutorial

    摘要: Bootstrap tutorial Download bootstrap To get bootstrapUse CDN which stands for const file delivery network instead of download a zip. Container Container is fixed length, using container-flui...

    libin19890520libin19890520 评论0 收藏0
  • CSS魔法堂:"那不是bug,是你不懂我!" by inline-block

    CSS魔法堂:"那不是bug,是你不懂我!" by inline-block

    摘要:那不是,是我不懂而已。的用途之一西文是以空格来分隔单词的,而汉字间则无需空格分隔,但为了统一西文东亚和的排版,于是抽象出一个名为的概念用于分隔词义单元,则作为的值域,而定义域就是语言信息。 前言 每当来个需要既要水平排版又要设置固定高...

    cucumbercucumber 评论0 收藏0
  • 前端学习之路

    前端学习之路

    摘要:前言之所以会写这篇文章是因为在一年的前端学习过程,我走了很多弯路,也思考了很多,最近又正好拿到了某厂的,希望以我之拙见能给初学者一些帮助。不过前端的方向,主要还是自学。 前言 之所以会写这篇文章是因为在一年的前端学习过程,我走了很多弯...

    mjmj 评论0 收藏0
  • CSS外挂:Sass的那些装逼函数(function)

    CSS外挂:Sass的那些装逼函数(function)

    摘要:,返回的最大值。非相同的单位,报错编译为,返回一个随机数。函数函数称为三元条件函数,主要因为他和中的三元判断非常的相似。颜色函数暂时还没用到过。函数,根据三个值创建一个颜色将一个颜色根据透明度转换成颜色。 前戏:前几篇文章其实都是些基...

    boosterbooster 评论0 收藏0
  • CSS > 高清缩放原理分析

    CSS > 高清缩放原理分析

    摘要:最近在研究屏的适配问题,在具体方案讨论之前,陆续做了一些理解笔记,现归纳如下。 最近在研究 Retina 屏的适配问题,在具体方案讨论之前,陆续做了一些理解笔记,现归纳如下。具体方案的讨论将另作文章。 中的 viewport 是布局视口 initial-scale ...

    zhjx922zhjx922 评论0 收藏0
  • CSS魔法堂:你一定误解过的Normal flow

    CSS魔法堂:你一定误解过的Normal flow

    摘要:后来终于知道是某位大神将翻译为文档流而已。。。。。。另外单纯设置效果与采用是一样的魔法堂就这个样,而浮动定位也是基于。相对定位的最强武器就是个属性了,好明显它们默认值均是。 前言  刚接触CSS时经常听到看到一个词"文档流",那到底什么是"...

    Hancock_XuHancock_Xu 评论0 收藏0
  • IE下兼容性

    IE下兼容性

    1.IE6下当浮动元素与非浮动元素相邻时,3px的Bug就会出现,它会偏移3像素。margin-right = -3;

    wuyangchunwuyangchun 评论0 收藏0
  • 前端资源整理 - 订阅、工具等

    前端资源整理 - 订阅、工具等

    摘要:取自我的的,欢迎,欢迎。原不定期更新,此文可能断更。最新更新时间。前端资源中文平时开发和学习过程中自己收集的一些前端资源。自行取用,不断更新。你也可以关注我从而在我的点赞中了解到更多有意思的项目。前端之路,且行且珍惜。 取自 我的GITHU...

    caiyongjicaiyongji 评论0 收藏0
  • 【CSS】隐藏元素总结

    【CSS】隐藏元素总结

    摘要:本文旨在加深对隐藏元素方法的理解,资料均来源于网络,文章结尾附有参考链接。如果祖先元素设置了该样式,该元素及其子孙元素都将隐藏,并且没有其它让其子孙元素恢复显示的办法。四和组合溢出隐藏,也就是说盒子以外的元素都会隐藏掉。 本文旨在加深...

    testbirdtestbird 评论0 收藏0
  • js动画效果总结

    js动画效果总结

    摘要:动画函数封装单物体运动对一个进行宽高属性的变化,对透明度属性进行变化。这里还要注意的是定时器不能共用,要多带带设置自己的定时器。具体学习视频参考慕课网动画效果 js动画函数封装--单物体运动 对一个div进行宽高属性的变化,对透明度属性进行...

    parallerparaller 评论0 收藏0
  • bootstrap中的表单

    bootstrap中的表单

    摘要:一最普通最简单的表单形式,代码如下标签用于标识需要输入内容的名称类别,其中属性提供可描述输入字段预期值的提示信息。将元素包裹在中可以获得最好的排列。标签用于盛装用户输入内容,在该标签中加入,边框会出现圆角的效果,会好看一些。 一、最普...

    laznrbfelaznrbfe 评论0 收藏0
  • feeds流中的图片

    feeds流中的图片

    摘要:先来看看常见的产品中的流中的布局朋友圈纯客户端的流,单张图片大图显示,这里肯定也限制了最大高度或者宽度。兴趣部落兴趣部落的图片很简单粗暴,之间采用了的方式,不管多图还是单图,统一正方形显示。 先来看看常见的产品中的feeds流中的布局: 1...

    ghnorghnor 评论0 收藏0
  • white-space:nowrap 的妙用

    white-space:nowrap 的妙用

    摘要:对于多个元素同在同一行的布局,如比较常见的是轮播。因此最好显式设置的垂直方向上的对齐。做法一的案例有淘宝首页的主轮播通过子元素浮动,父元素清除浮动。可看出这与与应用了的文本容器效果一样。上的效果,应该也一样。 对于多个元素同在同一行的...

    qqlcbbqqlcbb 评论0 收藏0
  • CSS魔法堂:说说Float那个被埋没的志向

    CSS魔法堂:说说Float那个被埋没的志向

    摘要:时其宽度始终保持占满宽度的态度。清除浮动就是为浮动影响的范围划边界。那么可归结为的父容器包裹所有子元素。注意属性值不能为空白,否则无法清除浮动。 前言  定位系统中第一难理解就是Normal flow,而第二就非Float莫属了,而Float难理解的原因有...

    legendmohelegendmohe 评论0 收藏0
  • APICloud Github 5大开源项目集合展示

    APICloud Github 5大开源项目集合展示

    摘要:自成立之初,一直秉承着开源一切的初心,为了给予广大开发者们更多的资源及内容。借此,官方将开源项目进行分类和介绍,使开发者们更好的去了解去使用。更多的开源项目均在中。 APICloud自成立之初,一直秉承着开源一切的初心,为了给予广大开发者们更...

    casparcaspar 评论0 收藏0
  • [练习]利用CSS steps 实现逐帧动画

    [练习]利用CSS steps 实现逐帧动画

    摘要:网页逐帧动画的实现方式网页中的逐帧动画,大致可分为两大类的实现方式,分别是使用控制,和单纯使用实现,两者的优劣总体概括来说就是动画可控性更强,但开销大,实现复杂。 网页逐帧动画的实现方式 网页中的逐帧动画,大致可分为两大类的实现方式, ...

    RiverLiRiverLi 评论0 收藏0
  • css 预编译器的再次理解

    css 预编译器的再次理解

    摘要:我所理解的预编译器基于的,能让也有一种编程语言范。模块化这个对于项目公司的项目来说,非常的重要。无法嵌套书写对于后代选择器这类的代码,预编译器中只需要嵌套,不用重复复制父级选择器,便于编写和阅读代码。 我所理解的css预编译器 基于css的...

    30e8336b822930e8336b8229 评论0 收藏0
  • CSS外挂:Sass 之规则(Rules)和指令(Directives)

    CSS外挂:Sass 之规则(Rules)和指令(Directives)

    摘要:根据文件名引入。这和指令非常相似,只要后面的条件为就会执行。被编译为循环指令的形式,是个变量名,是一个表达式,他将返回一个列表值。被编译为学完了回过头来整理也真是麻烦,算是总结吧。 前戏:下面这些玩意还是比较实用的,好像是进阶Sass必备...

    honhonhonhon 评论0 收藏0
  • 百度ife任务3总结

    百度ife任务3总结

    摘要:在做百度的任务,没能组队成功只好自己做,如果现在还有收人的请务必带上我哦。因为脱离标准文档流,父元素无法自适应高度。问题能不能在不改变结构的情况下仅凭达到列式中间居中自适应宽度的效果 在做百度ife的任务,没能组队成功只好自己做,如果现...

    xcoldxcold 评论0 收藏0
  • css样式权重优先级,css样式优先级

    css样式权重优先级,css样式优先级

    摘要:还有一篇是这样排序的多重样式间遵循继承来的样式浏览器缺省设置外部样式表内部样式表内联样式结合样式继承问题这个问题及其答案来看,继承的优先级的确是最低的。 原文:http://www.bkjia.com/Javascri... 样式选择器权重优先级: important > 内嵌...

    AJieAJie 评论0 收藏0
  • CSS:不同元素margin:auto的计算

    CSS:不同元素margin:auto的计算

    摘要:块级置换元素,在文档流中同块级非置换元素一样。块级非置换元素,不在文档流中当这个值不是,而,则包含块的高度定位元素高度块级置换元素,不在文档流中同上总结行内级元素行内级置换元素和非置换元素,在值为时,和的计算值都为。 关于什么元素的分...

    Michael_DingMichael_Ding 评论0 收藏0
  • CSS:元素高度与宽度的讨论 系列文章(四)

    CSS:元素高度与宽度的讨论 系列文章(四)

    摘要:总结置换元素的高宽度计算规律都一样。非置换元素块级非置换元素如,具体计算见前面的文章非置换元素如,宽度与高度的设置对他不起作用非置换元素元素不设宽度,则元素宽度等于内容宽度 前言 在之前的文章主要讨论了下面几种元素宽度与高度的计算: 块...

    hqmanhqman 评论0 收藏0
  • CSS居中完整版

    CSS居中完整版

    摘要:块级元素对于块级元素,可以通过设置他的属性为来达到居中的效果。与其它情况不同,这个是用来处理一行内的元素居中的。在包含块里放置一个高度为的伪元素,这样,文本就居中了。 翻译自https://css-tricks.com/centering-css-com... 我将原作者的代码...

    TIGERBTIGERB 评论0 收藏0
  • HTML5中canvas实现小球击打小方块游戏

    HTML5中canvas实现小球击打小方块游戏

    摘要:创建用于击打的小球定义一个用于移动和击打小方块的小球,该小球包含如下的属性,小球的做坐标位置,半径,在轴和轴的速度。 源代码:http://download.csdn.net/detail/liumingm... 游戏开发流程: 1、创建画布: 将画布放在div标签里面,这样可...

    余学文余学文 评论0 收藏0
  • 如何解决因float带来的排版问题?

    如何解决因float带来的排版问题?

    摘要:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。用属性来指定要插入的内容。的作用是允许浏览器渲染它,但是不显示出来。这个元素的作用就像元素它定义了一个块级盒子有两个特性同行等高宽度自动调节。 浮动造成的常见问题有哪些? 兄弟元...

    williamwilliam 评论0 收藏0

热门文章

<