文章库ARTICLE COLUMN

  • CSS选择器

    CSS选择器

    摘要:子选择器用两个常用选择器,中间通过进行选择。注意不要和子选择器选择对象范围混淆例如测试子选择器第一个标签第二个标签父元素的后代中的所有元素的字体都会被设置成红色。通配选择器通用选择器用来表示选择作用于所有元素。 CSS选择器(Selectors ...

    JuvenJuven 评论0 收藏0
  • 简单介绍 CSS Variables

    简单介绍 CSS Variables

    摘要:例如变量同样是可嵌套使用的,用来定义全局变量浏览器兼容性我在写这篇文章的时候,这个特性依然处于实验阶段,所以,目前来说,只有以及支持了这个特性。变量也是可用嵌套的变量还可以更另一个特性方法一起使用本文来自我的博客 showImg("http://7xiy...

    tylintylin 评论0 收藏0
  • 调试DOM元素hover,focus,actived的样式--谷歌浏览器调试器

    调试DOM元素hover,focus,actived的样式--谷歌浏览器调试器

    摘要:平时写页面代码,给添加一些样式时,我们可以用谷歌浏览器的开发者工具进行调试。 平时写页面代码,给DOM添加一些css样式时,我们可以用谷歌浏览器的开发者工具进行调试。如下图这样: showImg("https://segmentfault.com/img/bVtmFP"); 出现的效果是...

    YumenokanataYumenokanata 评论0 收藏0
  • CSScomb的安装和参数配置以及消除空行

    CSScomb的安装和参数配置以及消除空行

    摘要:属性排序插件配置参数大全图片介绍如下所示点击进去更详细空行产生的原因以及解决方法原因由于官方文档将属相按照单字定位展示大小样式进行排序所以会产生空行,表示其实一类。 CSScomb 是一个超级爽的前端css属性排序工具,用来规则css, make you...

    DangoSkyDangoSky 评论0 收藏0
  • CSS相对定位

    CSS相对定位

    摘要:下面我们来看一段代码这段代码设置了类名为的元素相对定位。使用了相对定位的元素,仍然会在标准流中占据原来的位置,它对父元素和兄弟元素没有影响。相对定位的使用场景往往是作为绝对定位元素的参照物。 1.相对定位 相对定位:从这个名字我们就可以...

    ztyzzztyzz 评论0 收藏0
  • 那些年,奇妙的圣杯与双飞翼,还有负边距

    那些年,奇妙的圣杯与双飞翼,还有负边距

    摘要:奇妙的圣杯与双飞翼相信很多人和我在学习前端差不多的时候就听说过了圣杯布局与双飞翼布局。他往前移动之后,文档流也会跟着移动元素宽度负边距负边距可以增加元素的宽度,对于没有的元素,负边距可以加宽他们。 [TOC] 没错,题目就是模仿《那些年,我...

    tianhangtianhang 评论0 收藏0
  • Css文件引用的最优方法

    Css文件引用的最优方法

    摘要:浏览器从同一个站点同时下载的文件数量有限制。所以链接或导入多个文件绝对不是一个好办法。因此这里给大家的建议是,如果仅引入一个文件,则使用链接方式如果需要引入多个文件,则首先用链接式引入一个简单的文件,然后再把其他的文件导入到这个文件中...

    张巨伟张巨伟 评论0 收藏0
  • 部分全透明遮罩层

    部分全透明遮罩层

    摘要:腾讯微云,在新用户刚进入网站时的提示。第一眼看到这样的部分全透明遮罩的效果,感觉实现的方式有使用图片,在相应的位置进行挖空全透明处理。 腾讯微云,在新用户刚进入网站时的提示。第一眼看到这样的部分全透明遮罩的效果,感觉实现的方式有: 1....

    young.liyoung.li 评论0 收藏0
  • stylelint 规则

    stylelint 规则

    摘要:有百余条内置规则。它们希望为广大开发者提供更有价值的标准。每个规则都是独立的,默认情况下为关闭状态并没有默认值。规则列表这里是内的所有规则,它们的组别来自词汇表。规则在规则前要求或不允许留有空行。禁止规则添加供应商前缀。 stylelint 有...

    FaremaxFaremax 评论0 收藏0
  • SASS入门

    SASS入门

    摘要:阮一峰用法指南简单入门结一语法较为详细安装可用一键安装下载有点慢,记得把第二个给选了安装完成后记得重启使用查看是否安装成功。安装在中输入关于与文件这两种的区别在于文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。 阮一峰(...

    edagarliedagarli 评论0 收藏0
  • 【踩坑】近来在Firefox上遇到的一些坑

    【踩坑】近来在Firefox上遇到的一些坑

    摘要:最近在帮人解决下的一些兼容问题。验证不通过的话,输入框会加上红色的边框。然后妹纸在描述中说的是浏览器中,修改密码页面,输入框中不输入任何字符,输入框颜色也是红的我还以为又是哪里的写得不对呢。最后发现,输入框好像都带了个属性。 因为工作...

    JaysonWangJaysonWang 评论0 收藏0
  • 导航条菜单的制作-imooc

    导航条菜单的制作-imooc

    摘要:第章垂直菜单的制作垂直菜单的制作问通常用中的什么标签来构建导航条菜单答一般都使用来制作菜单导航条消除前面的圆点消除下划线鼠标划过显示的内容首页新闻快讯产品展示联系我们第章水平菜单的制作导航菜单首页新闻快讯产品展示售后服务联系我们 第1...

    luckluck 评论0 收藏0
  • 关于「圣杯布局」

    关于「圣杯布局」

    摘要:引言圣杯布局尽管这是一个很古老的话题了,而且网上早就有许多相关的文章,但作为前端入门和面试的必备知识之一,还是觉得有必要温故而知新一番。 引言 「圣杯布局」—— 尽管这是一个很古老的话题了,而且网上早就有许多相关的文章,但作为前端入门和...

    CarbsCarbs 评论0 收藏0
  • 盒子模型的理解

    盒子模型的理解

    摘要:盒子模型就是在网页设计中经常用到的技术所使用的一种思维模型。盒子模型是中一个重要的概念,理解了盒子模型才能更好的排版。标准盒子模型从上图可以看到标准盒子模型的范围包括,并且部分不包含其他部分。 概述 网页设计中常听的属性名:内容(conte...

    xiangzhihongxiangzhihong 评论0 收藏0
  • 优才点评版:架构师们是靠什么扛住了10亿个红包?

    优才点评版:架构师们是靠什么扛住了10亿个红包?

    摘要:微信红包的核心点是摇,拆,分享红包,整个系统设计时必须尽最大可能保证这三个步骤一气呵成,任何关联系统出现异常的时候马上进行系统降级,防止引起系统雪崩。事实上,真正支撑起微信红包顺畅运营的幕后英雄,正是腾讯内部一个叫做海量之道的技术体系...

    WinerWiner 评论0 收藏0
  • 前端开发每日一练160303期

    前端开发每日一练160303期

    摘要:对于早期版本,方法用于直接附加一个事件处理程序到元素上。处理程序附加到对象中当前选中的元素,所以,在绑定事件的时候,这些元素必须已经存在。重绘不会带来重新布局,并不一定伴随重排。重排是更明显的一种改变,可以理解为渲染树需要重新计算。 ...

    z2xyz2xy 评论0 收藏0
  • 转载--video标签在微信内置浏览器和QQ浏览器(手机端)的怪异现象

    转载--video标签在微信内置浏览器和QQ浏览器(手机端)的怪异现象

    摘要:在端和手机端大部分浏览器小米内置浏览器等都没有这个问题,唯独在微信内置浏览器和浏览器上有问题。手机卸掉浏览器就没有问题,这样微信使用的是内置浏览器内核。进击的小矮人园豆菜鸟二级这是内核的问题,把或解析成框了,所以一直浮动在最前。 用H5...

    JiavanJiavan 评论0 收藏0
  • 【移动适配】一个像素的border怎么实现

    【移动适配】一个像素的border怎么实现

    摘要:根据上面的图片,安卓手机,属于,转换系数是因此这台手机中,个像素物理像素。这个转换系数,也等同于,设备像素比。 showImg("https://segmentfault.com/img/bVtcMA");一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016 首发于微信公众号(啃先生...

    junnplusjunnplus 评论0 收藏0
  • 前端碎语(6)

    前端碎语(6)

    摘要:和属性数值对应的是元素的内容加所占据的视觉面积,有滚动条时还要加上滚动条,不含。和仍要分有没有滚动,有滚动时指的是整个页面内容的大小没滚动时在下指视口的大小和下则是和一样。与属性在下都和原来一样指整个元素的可视宽高。 光标效果不见了?...

    edagarliedagarli 评论0 收藏0
  • 虚拟键盘,移动web开发的痛

    虚拟键盘,移动web开发的痛

    摘要:原生的弹出虚拟键盘和收回虚拟键盘,输入框始终贴在虚拟键盘的上方。进入正题,怎么才能解决这些问题呢我们可以先从虚拟键盘入手,看看是否可以监听到呼出键盘收回键盘这两个事件。部分浏览器可以通过捕捉事件知道是否呼出收起虚拟键盘。 原生APP的弹...

    kbyyd24kbyyd24 评论0 收藏0
  • 清除浮动方式总结

    清除浮动方式总结

    摘要:为什么要清除浮动虽说是清除浮动,其实是清除浮动产生的影响。浮动的元素,高度会塌陷,而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。清除浮动的方法父级定义原理父级手动定义,就解决了父级无法自动获取到高度的问题。 为什么要清除浮动...

    laoLiueizolaoLiueizo 评论0 收藏0
  • 水平、垂直居中方式总结

    水平、垂直居中方式总结

    摘要:我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景,今天我们就来看一下如何设置水平居中和垂直居中。水平居中行内元素。不定宽块状元素水平居中我们来学习一下这种方法。 我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景,今天我...

    陆斌陆斌 评论0 收藏0
  • Web语义化标准解读

    Web语义化标准解读

    摘要:为什么说最佳实践是呢简单来说,就是这类预处理器在提供一定的抽象能力的同时,也不会破坏自身的特性。就语义化这件事情而言,如果你的是基于标准来编写的,意味着你的页面具备更多的可能性。 原文:https://github.com/kuitos/kuitos.github.io/issue...

    vspidersvspiders 评论0 收藏0
  • 怎样打造一个DOM元素位置引擎 (一)

    怎样打造一个DOM元素位置引擎 (一)

    碎碎念 这是一篇早就应该写的文章,但是由于过年前项目紧张,一直没有时间,这个周末决定把这笔债换了。这个项目开始于两个月前,也是花了比较多时间的一个项目,不像前段时间写的 Hexo 主题 fexo ,灵感一现,两个晚上就大体出来了。这也是一个比较有意思...

    罗志环罗志环 评论0 收藏0
  • 我的编程之路:「生存」是唯一的基本要求

    我的编程之路:「生存」是唯一的基本要求

    摘要:简单介绍一下自己和目前的工作我现在是一名前端,在苏州一家小公司上班。和前端大牛相比,我是一个不能再普通的了。详细写写你是如何走上编程的道路我是一个有听力残疾的人,几乎听不到这个世界的声音。因为生存,我选择了一条编程的路。 简单介绍一下...

    developerworksdeveloperworks 评论0 收藏0

热门文章

<