文章库ARTICLE COLUMN

  • CSS:理解行高 line-height

    CSS:理解行高 line-height

    摘要:行高行距半行距从上到下四条线分别是顶线,中线,基线,底线。行高指文本行基线间的垂直距离。上图任意两条相同颜色的垂直距离也是行高。父元素不同的行高单位影响子元素的继承。 行高、行距、半行距 showImg("https://segmentfault.com/img/bVAdEh");...

    rickchenrickchen 评论0 收藏0
  • margin详解

    margin详解

    摘要:二的赋值普通元素的百分比都是相对于容器的宽度计算。绝对定位元素的百分比,绝对定位元素的百分比是相对于第一个定位祖先元素的宽度计算应用宽高自适应矩形传送门之所以会是,是因为垂直方向上发生重叠。 一. margin对尺寸的影响 1.可视尺寸 a.适用于...

    darrydarry 评论0 收藏0
  • CSS样式的一些小总结

    CSS样式的一些小总结

    摘要:搞得头昏昏的,这时候得看文档才能明了,或做些小总结就心里有底了,下次不同的场景就知道用不同的属性来实现效果,纠错也更明确思路了。 这是本人学习 css 两天的一些小总结和体会,如果有什么不足或错误的地方还请指教,纠错和探讨。 css 样式最令人...

    zhjx922zhjx922 评论0 收藏0
  • web移动开发中如何实现图标点击态的蒙层效果

    web移动开发中如何实现图标点击态的蒙层效果

    摘要:开发中经常需要加入点击二态,即用户点击页面某个部分时该部分的样式进行相应的变化来相应用户的点击操作,这样能够带来更好的用户体验,今天我们要讨论的是如何给图标加上点击的二态效果。如果添加蒙层我们先用最容易想到的方法来实现这个需求。 weba...

    haobowdhaobowd 评论0 收藏0
  • 《CSS 揭秘》作者Lea Verou:我喜欢分享开源的行业文化

    《CSS 揭秘》作者Lea Verou:我喜欢分享开源的行业文化

    摘要:作为女性,你又来自互联网技术不太发达的希腊。希腊目前可能还存在一些针对女性的性别歧视,但并不明显,不然我可能会被影响到。实际上,有时候希腊在性别平等方面比其他西方国家更进步。 本文仅用于学习和交流,不用于商业目的。非商业转载请注明作译...

    tianyutianyu 评论0 收藏0
  • 逐步解决动态添加样式导致的元素闪烁

    逐步解决动态添加样式导致的元素闪烁

    摘要:采用不可见元素减少变更产生的运算临时说法的原因是当数量再次增加,达到又一新高度后,闪烁问题再现。至此,全面解决动态添加样式导致的元素闪烁。原生进一步加快速度避免闪烁是个好东西。 元素闪烁很丑,难解决。 修改 Class 而不是 Style 我在不久...

    陈江龙陈江龙 评论0 收藏0
  • 解决360浏览器兼容模式的页面显示问题

    解决360浏览器兼容模式的页面显示问题

    摘要:的取值为之一,区分大小写,分别代表用内核,兼容内核,标准内核。若页面需默认用极速核,增加标签若页面需默认用兼容内核,增加标签若页面需默认用标准内核,增加标签内核兼容标准文档模式取决于用户的支持控件支持各内核示例原文地址 content的取值...

    lentoolentoo 评论0 收藏0
  • 即将立秋的《课多周刊》(第2期)

    即将立秋的《课多周刊》(第2期)

    摘要:即将立秋的课多周刊第期我们的微信公众号,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把课多周刊推荐给你的朋友,你的支持是我们最大的动力。课多周刊机器人运营中心是如何玩转起来的分享课多周刊是如何运营并坚持下来的。 即将立秋的《课多...

    ruicbAndroidruicbAndroid 评论0 收藏0
  • 正在失业中的《课多周刊》(第3期)

    正在失业中的《课多周刊》(第3期)

    摘要:正在失业中的课多周刊第期我们的微信公众号,更多精彩内容皆在微信公众号,欢迎关注。若有帮助,请把课多周刊推荐给你的朋友,你的支持是我们最大的动力。是一种祸害译本文浅谈了在中关于的不好之处。浅谈超时一运维的排查方式。 正在失业中的《课多周...

    robinrobin 评论0 收藏0
  • stylelint初体验

    stylelint初体验

    摘要:当初在用的时候用过来检查语法。现在用替代,而插件市场上那款插件目前不支持配置文件,有些不爽,于是研究了下其它相关插件。就在这个期间发现,粗粗看了看,甚合我意。所有配置项配置项说明配置项说明提示请使用花括号来包围声明。 当初在用sublime...

    SQCSQC 评论0 收藏0
  • 移动端样式小技巧

    移动端样式小技巧

    摘要:平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机样式显示效果不一致造成的。五左右宽度自适应第四个小技巧结尾,图中的布局实际上是分左右两块的,依照的需求,文案是要左对齐,数字是要右对齐的。 平时在移动端开发拼页面的过程中总会...

    iOS122iOS122 评论0 收藏0
  • 浮动相关

    浮动相关

    摘要:概念浮漂浮动分为左浮动右浮动清除浮动。行内元素也可以浮动,行内元素浮动后就具有块元素的特点,可以用属性来控制。清除浮动基本语法作用让包住他的父元素的边框正常显示让后面的元素,恢复到正常流状态,不再受到浮动的影响。 概念:浮(漂浮)动分...

    luffyZhluffyZh 评论0 收藏0
  • CSS查漏补缺

    CSS查漏补缺

    摘要:而圣杯布局跟双飞翼布局就是能够不考虑主体的位置,能够只通过代码就改变相应的布局,这也是优点之一。如果在圣杯布局的基础上,给它一个多余的标签,把包起来,这就是双飞翼布局。这里有个尝试页面,利用双飞翼,实现了一套栅格化布局系统。 块级格式...

    smallStonesmallStone 评论0 收藏0
  • CSS:布局 - 水平垂直居中

    CSS:布局 - 水平垂直居中

    摘要:绝对定位负原理首先利用定位把容器块左顶角对准浏览器中心,然后再使用负把容器块向左移动自身宽度的一半,向上移动自身高度的一半,即可以把容器块的中心移到浏览器中心。 1. 绝对定位 + 负 Margin 原理:首先利用 absolute 定位把容器块 左顶角 对准...

    JerryCJerryC 评论0 收藏0
  • 面试问题集锦

    面试问题集锦

    摘要:创建对象工厂模式不能解决对象识别问题构造函数模式使用操作符。原型模式将构造函数模式里面的方法都包裹在一个对象里面,这样一方面实现了封装,另一方面解决了内存问题。 1.每个东西的出现都有它要解决的问题:可从创建对象说。 1. CSS盒子模型: bo...

    李文鹏李文鹏 评论0 收藏0
  • Magix.Cache介绍

    Magix.Cache介绍

    摘要:我们简单测试下彳刂接下来我们要考虑一但缓存资源数超出了我们规定的时,我们要清理掉不常用的资源。是一个区块管理框架,项目地址在这里区块介绍在这里区块介绍 转载请注明出处:https://github.com/thx/magix/... 在前端开发过程中,我们经常会在内...

    CatalpaFlatCatalpaFlat 评论0 收藏0
  • 和BEM的战斗:10个常见问题及如何避免

    和BEM的战斗:10个常见问题及如何避免

    摘要:我发现使用这些命名空间会使我的代码非常具有可读性。跨组件的组建我们面临的另一个常见的问题是组件的样式和位置会受到父级容器的影响。 无论你是刚刚发现BEM或者已经是个中熟手(作为web术语来说),你可能已经意识到它是一种有用的方法。如果你还不...

    dongfangyiyudongfangyiyu 评论0 收藏0
  • 小白上学のcanvas零基础

    小白上学のcanvas零基础

    摘要:二次以及三次贝塞尔曲线都十分有用,一般用来绘制复杂有规律的图形。绘制三次贝塞尔曲线,为结束点,为控制点一,为控制点二。下边的图能够很好的描述两者的关系,二次贝塞尔曲线有一个开始结束点蓝色以及一个控制点红色,而三次贝塞尔曲线使用两个控制...

    zhaotzhaot 评论0 收藏0
  • css实现文字越界加点点点显示,并且后面紧跟一个图标

    css实现文字越界加点点点显示,并且后面紧跟一个图标

    摘要:文字越界添加显示在页面上,会遇到当文字长度超出一定长度的时候,将超出的部分显示为的情况,这个功能很好实现,很多人都可以直接写出来。 文字越界添加...显示 在HTML页面上,会遇到当文字长度超出一定长度的时候,将超出的部分显示为...的情况,这...

    SwordFlySwordFly 评论0 收藏0
  • CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

    CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

    摘要:其实网上已经有很多各类效果的了,例如神人太多了,我也找到了一种比较好的按钮制作方法,体验不错,演示动画截图如下一种不错的增进体验的效果噢具体代码实现搓这里, 其实网上已经有很多各类效果的了,例如: http://tympanus.net/Developme... 神人...

    widuuwiduu 评论0 收藏0
  • 最初,唯有时光记得

    最初,唯有时光记得

    摘要:前言最初,唯有时光记得。起初,按照自己的学习习惯来,一直秉承着好记性不如烂笔头的学习理念,开始做纸质的笔记,累计了好多本之后,发现有很多的不便利,例如图片随时要改动注明来源等。微信公众号微博。 回顾 Retrospect to the past and look int...

    I_AmI_Am 评论0 收藏0
  • magix中的2种事件绑定方式

    magix中的2种事件绑定方式

    摘要:可操作与采用与文件分离的写法,当我们在阅读时,希望能直观的看出节点绑定了哪些事件或这个函数是为哪种事件服务的。这种方案优于通过选择器查找到节点动态绑定事件。 可操作html与js magix采用html与js文件分离的写法,当我们在阅读时,希望能直观的...

    张金宝张金宝 评论0 收藏0
  • Web标准制定过程

    Web标准制定过程

    摘要:它制定了整个平台的规则,监督整个进程。特邀专家指的是被邀请参与标准制定的开发者,都是一些技术大牛。备注数据来源于揭秘三制定过程制定过程是公开透明的,内部交流都是公开的。 W3C的标准规范是怎么制定出来的?浏览器厂商是收到来自w3c的规范标准...

    longshengwanglongshengwang 评论0 收藏0
  • 写了一个web os脚手架

    写了一个web os脚手架

    摘要:所以这个脚手架是一个极简的脚手架使用协议技术支持这是基于开发的欢迎试用与 预览地址在这里:http://thx.github.io/magix-os/项目地址在这里:https://github.com/thx/magix-os 介绍下目录结构showImg("https://segmentfault.com/img/bVz5S5"); 核心...

    BlackHole1BlackHole1 评论0 收藏0
  • 使一个div垂直+水平居中的几种方法

    使一个div垂直+水平居中的几种方法

    摘要:前几天去一家互联网公司面试,面试官问到了这个应该算是比较简单的问题,在我自认为回答正确时,才知道这道题的答案有很多种,下面就让我们一起来探讨一下这个问题思路绝对定位居中原始版这个是我回答出来的,也是被各位所熟知的一种方法,设外层相对定...

    joyqijoyqi 评论0 收藏0

热门文章

<