html5+css3

知乎的全网置灰css代码

蒙奇·D·撸码客 发布于 2022-12-01 10:23:27

<style>    :-webkit-full-screen {        -webkit-filter: graysca...

input表单step先加1再加step的值的bug

蒙奇·D·撸码客 发布于 2016-07-01 18:03:00

众所周知，当inputtype=“number”时，设置可以设置step属性来设置每次增减的值。但今天遇到一个奇葩问题，就是设置step属性之后，点击增加按钮，input的值是先增加1，然后再点击增加按钮才按照step的值来增减。比如：<inputtype="number"...

标签：

html各标签语义大全

蒙奇·D·撸码客 发布于 2016-05-26 10:14:32

节元素标签header元素header元素代表“网页”或“section”的页眉。通常包含h1-h6元素或hgroup，作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logo。整个页面没有限制header元素的个数，可以拥有多个，...

标签：

Native与H5交互的那些事

蒙奇·D·撸码客 发布于 2016-05-03 13:31:10

前言在混合式开发中，现在出现的bug有时候就不是单纯的前端的问题，也有可能是native的问题，所以要懂得甄别筛选排除。那么今年由@郑晓勇带来nativeapp与webview交互的那些事，让我们知道为什么？正文从这开始～Hybrid开发模式目前几乎每家公司都有涉及和使用，这种开...

标签：

通过浏览器的渲染原理了解CSS的性能优化

蒙奇·D·撸码客 发布于 2016-04-07 11:46:23

平时我们几乎每天都在和浏览器打交道，写出来的页面很有可能在不同的浏览器下显示的不一样。苦逼的前端攻城师们为了兼容各个浏览器而不断地去测试和调试，还在脑子中记下各种遇到的BUG及解决方案，而我们好像并没有去主动地关注和了解下浏览器的工作原理。如果我们对此做一点了解，我想在项目过程中...

标签： /

web前端冷知识

蒙奇·D·撸码客 发布于 2016-01-20 17:29:05

浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。示例代码：javascript:alert('hellofromaddressbar:)');将以上代码贴到浏...

标签：

关于transform：Matrix()偏移缩放后的坐标问题

蒙奇·D·撸码客 发布于 2016-01-20 11:46:20

首先先简单说一下transform：Matrix()各参数的含义：transform:matrix(a,b,c,d,e,f);a、d控制缩放，b、c控制旋转，e、f控制位移。其中ef能够直接影响元素的坐标，缩放间接影响坐标，旋转对坐标没有影响。所谓坐标X,Y其实就是元素的left...

标签：

css3动画是否结束监听事件

蒙奇·D·撸码客 发布于 2016-01-11 9:51:23

css3动画是否结束监听事件：vardomObj=$("#id");domObj[0].addEventListener("webkitAnimationEnd",function(){this.className=this.className.replace('change',...

标签：

CSS命名规范及常用命名

蒙奇·D·撸码客 发布于 2015-12-22 10:00:38

一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5...

标签：