• sublime中css输入分号后自动提示的烦恼

    sublime开发前端确实好用,有好多些个的插件,轻量便捷,但是在使用sublime中的一些插件的时候总是会遇到困扰,跟自己想象中的不一样,比如在使用SublimeCodeIntel插件的时候,就会遇到一个烦人的问题: 在css中输入分号要换行的时候,总是弹出自动提示,按下回车就会...

    2018-06-24 01:49:46

  • 图标字体库(用CSS样式生成搜索、购物车等图标)

    参考网址:http://fontawesome.dashgame.com/ 基本图标: 您可以将Font Awesome图标使用在几乎任何地方,只需要使用CSS前缀 fa ,再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用 i ,因为它更简洁。 但实际上使用 span 才能更加语义化。 i...

    2018-06-24 01:49:44

  • 利用canvas打造一个炫酷的粒子背景

    利用 canvas打造一个炫酷的粒子背景,当然还有一些库都可以的,这次我们手写这个背景,主要的还是JS, canvas只是画布本身没有什么效果的,只是接口,还是需要JS去完成的。 canvas标签说明: 这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个...

    2018-06-24 01:49:43

  • 为什么a标签中使用img后,高度多了几个像素?

    lia href="#"img src="images/audio.jpg" alt=""/a/li 样式: li{ height:300px; a{ display: block; img{ width:100%; height:100%; } } } 效果如图: 知识补充:默认宽高是浏览器自动计算的inline元素内文本占据的行高等的高度,所以可以设置背景颜色。 inline元素的...

    2018-06-24 01:49:42

  • vue中修改子组件样式

    一、全局修改 1、在App.vue中设置,引入公共样式及个别页面的特殊样式common.css; 例如:link rel="stylesheet" type="text/css" href="static/assets/css/common.css" 下边的写法没用过参考链接中给的 a href= "http://home.cnblogs.com/u/134870/" target= "_blank"...

    2018-06-24 01:49:41

  • 秒懂-单列布局水平居中布局

    水平居中布局 父元素text-align:center;子元素:inline-block; 优点:兼容性好; 不足:需要同时设置子元素和父元素 !DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"meta http-equiv="X-UA...

    2018-06-24 01:49:40

  • CSS之IE浏览器的hasLayout,IE低版本的bug根源

    什么是hasLayout? hasLayout是 IE 特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时,它负责对自己和可能的子孙元素进行尺...

    2018-06-24 01:49:28

  • HTML配色工具!在线配色工具

    url地址: https://color.adobe.com/zh/create/color-wheel/ 编者前语: 很多刚开始编写网页的菜鸟,都不知道怎么搭配色彩,刚开始的时候,我也是这样的。 为了更好的搭配色彩。我们说说html css 的色彩搭配以外的事情。 1.网页选择几种颜色比较好? 网页我们一般颜色选...

    2018-06-24 01:49:34

  • SVG霓虹灯效果

    地铁上逛segmentfault看到一篇用纯css和SVG来实现的很赞的效果,觉得拿来做一些开场效果动画应该不错。 原文地址:https://segmentfault.com/a/1190000010963326 觉得很有趣,正好925快到了,就撸了一个生日快乐的 效果图如下: 就像是一圈圈蚂蚁在它身上爬。。。。。e...

    2018-06-24 01:49:31

  • web常见几种处理图标方法

    方法一: 用background制作小图标 像这样,拿到设计稿后把所有的图标放在一张图片上,利用background-position、width、height来控制图标的位置及大...

    2018-06-24 01:49:22

2