文章库ARTICLE COLUMN

  • 纯CSS实现页签切换效果

    纯CSS实现页签切换效果

    摘要:主要运用了的选择器,代码结构跟使用差不多,只是多了几个,不知道性能上是快还是快呢地址 主要运用了 CSS3 的 :checked 选择器, 代码结构跟使用js差不多,只是多了几个radio, 不知道性能上是js快还是css快呢? codepen地址:http://codepen.io/Yua...

    stefanstefan 评论0 收藏0
  • [学习笔记]  css中的line-height

    [学习笔记] css中的line-height

    摘要:基本概念行高行距行高是指文本行基线间的垂直距离。行框行框是指本行的一个虚拟的矩形框,由该行中行内框组成。行框也是浏览器渲染模式中的一个概念,无法显示出来。行框高度等于本行中所有行内框高度的最大值。设置合理的行间距。设置固定的行间距。 ...

    frolcfrolc 评论0 收藏0
  • 前端碎语(1)

    前端碎语(1)

    摘要:因为基线的不同,这就会导致内联元素在默认使用定位时,会出现同一行元素的错位问题。那么有没有和基线一样的确定准则呢当然有,一个业界公认的标准就是同一行内联元素中,中线穿过的是小写的中点。 暑假前因为种种原因没有把百度IFE的先期课程学完,...

    sushengsusheng 评论0 收藏0
  • css基础组件库(兼容低版本)

    css基础组件库(兼容低版本)

    摘要:图标跟文字混排分享截图注意父容器的值与图标的高度相等,另保持设置图标的的值为。上下垂直居中,需要兼容低版本的浏览器时用比用要好很多。 1、图标跟文字混排 html 分享 css .link{ width: 92px; border: 1px solid #0f0; ...

    SalamanderSalamander 评论0 收藏0
  • CSS 行内布局实践小结

    CSS 行内布局实践小结

    摘要:相关内联格式上下文主要影响内布局的行盒模型,这是一个显示区域,根据块状容器内,每一行的多个内联元素都会共同生成一个行盒模型。 前言 通常情况下,要使元素排列在一行内,通常做法就是使用float,然后再清浮动。 如下:showImg("https://segment...

    TasteTaste 评论0 收藏0
  • Atom飞行手册翻译: 2.13 基本的自定义

    Atom飞行手册翻译: 2.13 基本的自定义

    摘要:基本的自定义在我们感受到中所有东西的便利之后,让我们看看如何改进它。不像的选择器,的键在每个对象中只能重复一次。语言特定的设置会覆盖全局域的任何设置。作于域的名称显示在设置视图中的每个语言的包中。 基本的自定义 在我们感受到Atom中所有...

    opengpsopengps 评论0 收藏0
  • 关于CSS Reset 那些事(四)之 构架CSS基础样式库

    关于CSS Reset 那些事(四)之 构架CSS基础样式库

    摘要:现在回到我们这一章节的标题,将它做下补充关于那些事四之基于构架基础样式库基础库构思为什么要做基础库我上一章节的末尾抛出了几个问题假设你要做一个游戏单页面,网页上并不存在表单内容,那么你就要移除一些冗余的代码,开始自定义样式来满足自己的...

    mjmj 评论0 收藏0
  • 用纯CSS实现优雅的tab页

    用纯CSS实现优雅的tab页

    摘要:部分如上,四个区块,四大名著,嘎嘎代码如上,写的很烂,轻喷用来控制元素的显示和隐藏,实际上是为了实现动画效果此处有装逼的嫌疑,因为会阻碍,而不会,另外也可以用来代替。 说明 又是一个练手的小玩意儿,本身没什么技术含量,就是几个不常用的C...

    lavnFanlavnFan 评论0 收藏0
  • CSS > 选择器优先级与效率优化

    CSS > 选择器优先级与效率优化

    摘要:选择器优先级与效率优化本文收集网上各处关于选择器的文章总结,并自己归纳一篇。选择器类选择器标签选择器相邻选择器子选择器后代选择器通配符选择器属性选择器伪类选择器优先级高的不一定效率高举个例子与前者效率高于后者,而后者优先级高于前者。 ...

    dadongdadong 评论0 收藏0
  • CSS > 译文:理解CSS中的块级格式化上下文

    CSS > 译文:理解CSS中的块级格式化上下文

    摘要:译文理解中的块级格式化上下文块级格式化上下文是网页视觉渲染的一部分,并用于决定块盒子的布局。根据所言浮动绝对定位元素为或行内块元素表格单元格表格标题以及属性值不为的元素除了该值被传播到视点的情况将创建一个新的块级格式化上下文。 CSS > ...

    LancerCometLancerComet 评论0 收藏0
  • 用纯CSS实现简单的相册幻灯片

    用纯CSS实现简单的相册幻灯片

    摘要:最后丢一个单个图片放大展示的效果,有性趣的同学可以自行研究原理,也很简单的 之前发了两篇关于CSS的文章,大家都比较关注,看来大家对这块东西都是很感兴趣的,现在趁热打铁再来一发~~ 简介 一个用纯CSS实现的简单幻灯片效果,仅供实验,要看D...

    gxyzgxyz 评论0 收藏0
  • JavaScript作用域链与闭包的理解

    JavaScript作用域链与闭包的理解

    摘要:作用域是最重要的概念之一,想要学好就需要理解作用域和作用域链的工作原理。脚本错误脚本错误由此可以引发作用域链的概念在中,函数也是对象,实际上,里一切都是对象。当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。...

    tianhangtianhang 评论0 收藏0
  • CSS:关于元素宽度与高度的讨论  系列文章(一)

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

    摘要:元素宽度为第一种情况元素为文档流中元素结论将上面结论中的例子元素宽度换为,表现与结论例子的表现一样,因此若元素为文档流中元素,则子元素宽度为父元素宽度的的。 约定:以下所讨论元素均为,display:block的非置换元素。关于什么是置换元素,什么...

    izhuhaodevizhuhaodev 评论0 收藏0
  • CSS中的语法与概念

    CSS中的语法与概念

    摘要:属性语法层面仅对属性作粗略分类。重点还是概念均决定了布局基础模式。常规布局的重心与难点。对应标准第章布局上下文格式化上下文在常规流中的框,都属于一个格式化的上下文中规则脱胎自文字排印,核心概念是。 发端自此。本文细节从略,只做主干梳理...

    funnyZhangfunnyZhang 评论0 收藏0
  • 用“五个为什么”写CSS

    用“五个为什么”写CSS

    摘要:在中来讲,就是当发现样式异常时,使用五个为什么深入找到的根本原因所在之处的重复次数越多,说明问题越严重,对问题的解决方案也应投入的更多。 相信大多数人都有过关于CSS的痛苦经历,从我加入公司到现在,不到两年的时间里,听到最多CSS相关的讨论...

    Lin_RLin_R 评论0 收藏0
  • LINE-HEIGHT那些坑

    LINE-HEIGHT那些坑

    摘要:但是使用时有很多坑,需要注意。注意点以和百分比为单位的行高,其基数是元素本身的字体尺寸。多行文字垂直居中需要注意将设为才会垂直居中,仅对内联元素有效,块级元素无效。参考文档行高的一些深入理解及应用属性 line-height 用来设置行间的距离(...

    zsirfszsirfs 评论0 收藏0
  • Instagram是如何工作的?(搭配视频更好)

    Instagram是如何工作的?(搭配视频更好)

    摘要:首先先放一个视频地址传统的页面工作方式优化的目标方法优化的思路不需要一次获取所有的页面,只需要获取部分所需要使用的页面的做法常用的对的处理方式将集中在一个文件里面缺陷页面加载会比较慢合适的处理方式基于,使用模块系统,利用异步加载,引 ...

    ReductoReducto 评论0 收藏0
  • 三角形:它是如何工作的

    三角形:它是如何工作的

    DEMO 内容我就不说了:直接copy了原内容链接DEMO以及介绍 原文来自:https://medium.com/@heyjess/css-triangles-how-do-they-work-cca286d09de...

    zonezone 评论0 收藏0
  • 用CSS和JS打造一个简单的图片编辑器

    用CSS和JS打造一个简单的图片编辑器

    摘要:原文来自效果图本文主要是利用的和简单的代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节。简单地说完之后,我们来动手创建一个简单的图片编辑器。 原文来自:https://jellybool.com/post/build-a-simple-image-editor-...

    jerryloveemilyjerryloveemily 评论0 收藏0
  • 关于CSS布局

    关于CSS布局

    摘要:居中关于中的星号和下划线插件网站实现等腰直角三角效果纯实现高度与宽度成比例的效果 居中 关于line-height css中的星号和下划线 jQuery插件网站 CSS border实现等腰直角三角效果 Align inline-blocks with vertical-align 6 Methods For Vertical Ce...

    fancyLuofancyLuo 评论0 收藏0
  • 改编/应用Bootstrap栅格适应多屏

    改编/应用Bootstrap栅格适应多屏

    摘要:用来适配桌面口头上直接讲清楚栅格的概念并不容易。修改上面平板电脑适配的代码可以用模拟查看效果结论只要掌握栅格系统的基本原理,它就可以帮你通过约束的列模型,也一组适配于不同的显示屏的,完成一个的网站。改编自响应式栅格 我听说你想成为一个...

    superPershingsuperPershing 评论0 收藏0
  • 关于CSS Reset 那些事(一)之 历史演变与Normalize.css

    关于CSS Reset 那些事(一)之 历史演变与Normalize.css

    摘要:下面开始对进行简单的介绍,关于两者的差异区别可以看问答平台使用遇到的问题和有什么本质区别没简单介绍关于对的介绍,这里引用咀嚼之味针对官方介绍翻译的的中文版本。目前已经成为了的替代方案是无可争议的事情了。 前言 近期在翻阅陈旧的历史资料...

    idealcnidealcn 评论0 收藏0
  • 有关css栅格系统的故事

    有关css栅格系统的故事

    摘要:下面,本文将介绍几个比较有代表性的栅格样式库,讲述它们的简要原理和用法正确的打开方式。虽然栅格样式库很棒,但它们并不是响应式设计的全部。但在这个过程中,理解各类栅格样式库的工作原理,正确使用它们,才能做出稳定可靠的页面结构。 说到栅格...

    legendaryedulegendaryedu 评论0 收藏0
  • ## CSS 的黑科技

    ## CSS 的黑科技

    摘要:所以在使用属性选择器的时候,注意大小写问题。目前就只觉得这些黑科技需要提醒自己一下,有可以补充。 原文来自:https://jellybool.com/post/css-that-you-may-not-know 补充篇在这里 http://segmentfault.com/a/1190000003029085 昨天由...

    wh469012917wh469012917 评论0 收藏0
  • css 单位简单介绍

    css 单位简单介绍

    摘要:本来在写介绍逐渐发现单位需要好好介绍下本文不是翻译保留原文的基础上做出自己的理解为主参考摘要这个模块描述了属性的常用值和单位和在属性定义时使用它们的语法。 CSS Values and Units Module Level 3 本来在写css3 attr介绍 逐渐发现css单位需要...

    leoneleone 评论0 收藏0

热门文章

<