文章库ARTICLE COLUMN

  • 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
  • CSS transition delay简介与进阶应用

    CSS transition delay简介与进阶应用

    摘要:用来定义元素两种状态之间的过渡。到目前为止,我们利用完全模拟了第一部分我们使用实现的功能,而且看上去更简洁。附上利用来实现该方案的代码用于参考。由于代码效果时好时坏,猜测可能与的容器相关。 背景 在日常的项目开发中,我们会很经常的遇见...

    e10101e10101 评论0 收藏0
  • CSS-清除浮动

    CSS-清除浮动

    摘要:清除浮动方法方法一使用带属性的空元素在浮动元素后使用一个空元素如,并在中赋予属性即可清理浮动。 什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器...

    刘厚水刘厚水 评论0 收藏0
  • LESS CSS使用及语法入门

    LESS CSS使用及语法入门

    摘要:编译工具编译国人开发的编译工具下载地址库浏览器端使用的使用下载安装后,打开设置,更换语言为简体中文,然后重启。 1、Less是什么? Less类似于jQuery LESCSS使用这个动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS赋予了动...

    chaosx110chaosx110 评论0 收藏0
  • CSS3中的flexbox

    CSS3中的flexbox

    摘要:中的给布局带来了许多方便。布局主要分为两个部分以外的地方和中的内容不受影响,按正常的方式进行布局。所以,项目之间的间隔比项目与边框的间隔大一倍。若设置该属性为,则此元素在父元素空间不足时仍保持自己的宽度。 css3中的flexbox给布局带来了...

    LoftySoulLoftySoul 评论0 收藏0
  • 前端开发知识点总结

    前端开发知识点总结

    摘要:正常的代码结构应该是内容区域按钮但是上面的代码浏览器的编译结果是下面这样很明显可以发现,浏览器的渲染结果并不是我们想要的结果。问题的参考网站天猫页面。淘宝页面全站使用单位适配,而天猫页面有百分比,单位的混用。 1.a标签的相互嵌套 很多时...

    anRuianRui 评论0 收藏0

热门文章

<