文章库ARTICLE COLUMN

  • sass基础

    sass基础

    摘要:基础之前在项目中用的最多的就是嵌套省事好多,其他功能没怎么用,今日重拾,想用得漂亮点,所以再去啃啃,当巩固下基础。,记录下自己对的理解。假如两个元素在某些样式上一致,可以用继承。在某个程度上和有点像,定义一段公共函数,再通过调用。 sa...

    TANKINGTANKING 评论0 收藏0
  • Chrome 53 Beta一些有意思的改动

    Chrome 53 Beta一些有意思的改动

    摘要:那些嵌入了第三方内容的站点需要确保引入的样式不会影响到已有的应用。这项技术提高了那些大型或者有很多组件站点的可维护性。相较于有一些重大变化,并且已经得到主要的浏览器厂商的认可。为支持添加了响应头支持的而被废弃。 原文链接: http://blog...

    lifefriend_007lifefriend_007 评论0 收藏0
  • 字体显示方案

    字体显示方案

    摘要:浏览器默认方案浏览器加载字体完成之前,文本默认是不显示的,这种情况通常叫做。具体浏览器是怎么弄的,参考在指定字体加载完成前用字体先为相应的元素设置字体然后用监听字体加载,在加载完成的时候可以为相应的元素添加新的解决方案相关阅读使用 此...

    codeGooglecodeGoogle 评论0 收藏0
  • 聊聊Ajax那些事

    聊聊Ajax那些事

    摘要:年初,许多事件使得被大众所接受。这使得应用程序更为迅捷地响应用户交互,并避免了在网络上发送那些没有改变的信息,减少用户等待时间,带来非常好的用户体验。调用方法后立即触发,若未被调用则不会触发此事件。 了解Ajax的起源、概念及特点 起源 ...

    v1v1 评论0 收藏0
  • 简单的  js控制逐步显示文字输出

    简单的 js控制逐步显示文字输出

    摘要:恶趣味发作,写篇博客压压惊今天清理书签,突然就点到了一个关于知乎五周年的网页,这帮程序员的脑子真有趣,就算是保存一年后再看也还是觉得好有趣,下边是一个截图这个网页展示了一个类似接口的小窗口,文字逐步输入,并且还伴随一些有点炫的动画,为...

    nanchen2251nanchen2251 评论0 收藏0
  • Bootstrap 之 Metronic 模板的学习之路 - (1)总览

    Bootstrap 之 Metronic 模板的学习之路 - (1)总览

    摘要:写在前面的模板非常多,上有着各种各样的免费及付费模板。概述是一个基于设计的自适应多用途的管理后台模板。下一篇之模板的学习之路源码分析之部分 写在前面 bootstrap 的模板非常多,Envato 上有着各种各样的免费及付费模板。Metronic 是我最喜欢的...

    stackfingstackfing 评论0 收藏0
  • zanshi

    zanshi

    showImg(https://segmentfault.com/img/bVAoih);

    I_AmI_Am 评论0 收藏0
  • 【译】表单组件的属性兼容性表

    【译】表单组件的属性兼容性表

    摘要:系列文章说明原文下面的兼容性表将总结出表单对的支持程度,由于和表单的复杂性,这几个表不能认为是最佳的参考对象。该属性不能生效,或者表现很不一致以至于不可靠。在表单组件上,不支持该属性。按钮属性备注该属性不会在上的浏览器上生效。 系列...

    李文鹏李文鹏 评论0 收藏0
  • JS实现轮播图思路整理

    JS实现轮播图思路整理

    摘要:结构层表现层实现原理通过改变图片的偏移量来实现图片的切换实现步骤通过获取页面需要操作的元素获取轮播图父容器获取图片列表获取图片切换圆点按钮获取向左切换箭头获取向右切换箭头实现左 html结构层 ...

    Anonymous1Anonymous1 评论0 收藏0
  • CSS 特殊性详解

    CSS 特殊性详解

    摘要:特殊性我们可以用很多种写法来定位一个元素,而选择器的特殊性值则是决定哪一个胜出的关键。选择器的特殊性值其实很简单,就是的形式。按照特殊性对应用到给定元素的所有声明排序。有较高特殊性的元素权重要大于有较低的特殊性的元素。 之前学CSS一直...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • 使用CSS画三角形

    使用CSS画三角形

    摘要:说到这里,大家该明白了上面的三角形图标是怎么来的了吧元素没有下边框,而左右边框又是透明的,相当于只有上图中的上面的黑色三角形部分。所以,如果我们要做倒立三角形向右的或者向左的三角形,只需要为三角形底部设置边框,两腰边框透明即可。 原文...

    lifesimplelifesimple 评论0 收藏0
  • H5打造属于自己的视频播放器(HTML篇)

    H5打造属于自己的视频播放器(HTML篇)

    前言 众所周知,16年无疑是直播行业的春天,同时也是H5的一次高潮。so,到现在用H5技术在移动端做网页直播也是见怪不怪了,但是!!!今天我们的主角是webApp下播放视频参考文献:1)HTML5+CSS3+JQuery打造自定义视频播放器2)mui Html5 Video 实现方案3)移动...

    nevermindnevermind 评论0 收藏0
  • 恶心的兼容问题:完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的问题

    恶心的兼容问题:完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的问题

    摘要:但是此新标签在上并不能识别,需要进行处理。方式一如果是以下的浏览器将创建标签,这样非浏览器就会忽视这段代码,也就不会有无谓的请求了。 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立...

    RaoMengRaoMeng 评论0 收藏0
  • flex布局踩过的那些坑

    flex布局踩过的那些坑

    摘要:接下来说说我踩过的那些坑布局版本兼容问题布局自提出之后,变化过好几个版本标志标志标志新增了对项的规定草案阶段兼容方案父级布局不用考虑其他属性都对应相关的版本方案,目前项目中是只写最新的方案,由自动添加兼容方案。 接触H5项目后,开始了解...

    刘玉平刘玉平 评论0 收藏0
  • 从隐藏元素谈起

    从隐藏元素谈起

    摘要:前言说起隐藏元素我想每一个前端都能说起几种,但能说全的我想就不是很多了。因此,元素依然存在原来的位置,占据空间也可响应事件。占据空间,无法点击如同属性,被隐藏的元素依然会对我们的网页布局起作用。 前言     说起隐藏元素我想每一个前...

    XanaHopperXanaHopper 评论0 收藏0
  • 让IE兼容background-size的方法_background-size ie下使用

    让IE兼容background-size的方法_background-size ie下使用

    摘要:,,下对并不支持,那么如何在下兼容呢在下把图片完整的居中显示在一定范围内在中添加如下代码图片地址下面给出完整的实例代码让兼容的方法图片地址图片地址原文地址 ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-siz...

    fox_soyoungfox_soyoung 评论0 收藏0
  • 又一篇:ie8兼容background-size?

    又一篇:ie8兼容background-size?

    摘要:方法一不能指定任意大小百分比,可用,用于单张图片不能使用图片精灵等拼图,要引用绝对路径图片,兼容,方法二这个链接直接提取下载我把这个文件放在文件夹目录下。 方法一: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="imag...

    JasonZhangJasonZhang 评论0 收藏0
  • border-radius 兼容ie

    border-radius 兼容ie

    摘要:绝对的五值一定要比周围元素的要高,否则只能说抱歉了附加一条连接让支持的种方法 IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法 1.下载ie-css3.htc:http://www....

    gekylingekylin 评论0 收藏0
  • web开发小记1:谷歌字体

    web开发小记1:谷歌字体

    摘要:标签今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用设置字体的大小时候,在字体小于的时候,不起作用。 标签: web 今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用font-size设置字体的大小时候,在字体小于12px的时候,不起...

    dkzwmdkzwm 评论0 收藏0
  • web开发小记2:js触发css过渡

    web开发小记2:js触发css过渡

    标签: css 今天开发遇到了而一个问题,就是用原生的JavaScript实现jQuery的fadein效果。 fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的 我的具体思路如下: 首先解决入的问题:这个主要使用display实现就可以 淡入:使用css3的transitio...

    snowellsnowell 评论0 收藏0
  • 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

热门文章

<