文章库ARTICLE COLUMN

  • 纯 CSS3 效果资源收集整理

    纯 CSS3 效果资源收集整理

    摘要:纯,不使用,能实现怎样的视觉效果这里收集整理了一些相关资源与工具,欢迎各位补充。出品的纯框架,体积小巧。仅一个标签实现的纯图标库。一个令人印象深刻的图片悬停效果集合,完全基于实现。纯模拟移动设备纯实现模态框使用库把图像转换成属性。 aw...

    fancyLuofancyLuo 评论0 收藏0
  • 【移动适配】移动Web怎么做屏幕适配(三)

    【移动适配】移动Web怎么做屏幕适配(三)

    摘要:复杂纷扰的世界背后,总会有万变不离其宗的简单规则文啃先生壹前面写了两篇移动适配相关的文章移动怎么做屏幕适配一重点介绍了怎样利于来处理尺寸等等相关的适配。所以到目前为止我所整理出来的三篇文章,是移动适配知识中非常重要的基础知识。 showIm...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • [转]用 HTML 和 CSS 来打造一个自己的「大白(●—●)」

    [转]用 HTML 和 CSS 来打造一个自己的「大白(●—●)」

    第一篇文章,也不知道写啥,看到一篇比较好玩的文章,所以先转载过来,嘿嘿~ 原文链接:用 HTML 和 CSS 来打造一个自己的「大白(●—●)」 还记得《超能陆战队》里的 暖男 -「大白」 么?是不是很想拥有一个?我们就利用 HTML 和 CSS 来打造一个自己...

    hyuanhyuan 评论0 收藏0
  • 关于BFC的一些思考

    关于BFC的一些思考

    摘要:两个值都是正值,取最大值,都是负值,取最小值,一正一负则相加。使回到正常位置。需要注意的是使用会把放在最前边。而可以按照,,的顺序放置。另外布局也不会出现中间挤掉两边的情况。 Question 以下三个div将会会如何放置(margin collapsing)? ...

    OliviaOlivia 评论0 收藏0
  • 漫谈前端之路

    漫谈前端之路

    摘要:那么的学习就相对来说很自由了,可以跟着网址过一遍标签,网上也有很多其它网站做这个的,像菜鸟教程慕课网视频之类的都可以用等熟练了就可以去国外看看一些前端的新技术,像国际,最大的程序员问答网站。 前言 前端之路何其漫漫~     说明:本篇...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 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

热门文章

<