摘要:
作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的mobile端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如 1. 昂贵开发成本 2. 软件上线 阅读全文
摘要:
1.opacity opacity:0将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它会响应用户交互。 2.visibility visibility:hidden将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它不会 阅读全文
摘要:
通过改变charset=utf-8中的utf-8就可以改变网页的编码。 一般我们在写css文件时候也需要在css文件顶部使用@charset "utf-8";来定义此CSS文件编码类型。一般html源代码和css文件编码要统一,如果不统一会导致CSS hack,页面乱码网页页面排版乱等兼容问题。 国 阅读全文
摘要:
当我们想在表达式上进行匹配简单的值或者是参数数量时,我们可以使用Guards;它与mixin声明相关联,并包括附加到mixin的条件。每个mixin将有一个或多个由逗号分隔的防护,并且guard必须括在括号中。 为了尽量接近css的声明性,Less选择了使用通过受保护的Guards的mixins而不 阅读全文
摘要:
1.利用css3属性 appearance。 该属性(强制)更改(改变)默认(原生)样式。 Firefox 支持替代的 -moz-appearance 属性;Safari 和 Chrome 支持替代的 -webkit-appearance 属性;IE不支持该属性。 所以可以利用该属性取消checkb 阅读全文
摘要:
过渡 transition 1.过渡的定义和使用 在没有过渡属性的时候,当一个元素的属性值发生变化时,浏览器就会将个这个元素瞬间渲染成新属性值的样式。例如一个定位元素top:0,动态修改成top:100px,这个元素就瞬间跑到100px的位置,有时候我们为了达到某种视觉效果,希望它以动画的形式在一定 阅读全文
摘要:
1.文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合。 a. html的命名原则引文件统一使用index.htm index.html index.asp文件名(小写)各子页命名的原则首先应该以栏目名的英语翻译取单一单词为名称。例如:关于我们 \ aboutus 信息反馈 \ feed 阅读全文
摘要:
结构元素不具有任何样式,只是使页面元素的的语义更加明确。 header元素 header元素是一种具有引导和导航作用的的结构元素,该元素可以包含所有通常放在页面头部的内容。header元素通常用来放置整个页面或页面内的一个内容区块的标题,也可以包含网站Logo图片、搜索表单或者其他相关内容。 <he 阅读全文
摘要:
当涉及到简化 css 设计和开发相关的工作时,工具总能创造奇迹。值得指出的是,绝大多数的网页设计者和开发人员对不同的 css 工具都感到兴奋,这些工具能帮助他们更快的制作功能完善又十分完美的网站和网页应用。下面给大家介绍几个CSS工具,它们将通过最大限度的发挥 CSS 的功能来帮助你建立神奇的网站。 阅读全文
摘要:
公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果,感觉 css 是实现不了。看我使用 canvas 如何实现刮刮卡效果。废话不多说,线上效果 jsrun-测试地址 、 lilnong.top-测试地址 实现方案都有什么 clearRect 这是我第一个找到的 API,作用是清除一个矩形区域内的内 阅读全文