Powered by md-Blog  文 - 篇  访客 -

  • normalize.css

    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections =======================

    2020-03-31 12:25:48   2020-03-31 12:25:48
    分类:HTML5+CSS3 / 浏览:015856287483730
  • CSS不同浏览器对应属性前缀

    .transform{ -webkit-transform:rotate(-3deg); /* 带有 Chrome、Safari 浏览器属性前缀 */ -moz-transform:rotate(-3deg); /* 带有 Firefox 浏览器的属性前缀 */ -ms-transform:rotate(-3deg); /* 带有 IE 浏览器的属性前缀 */ -o-transform:rotate(-3deg); /* 带有 Opera 浏览器的属性前缀 */ transform:rotate(-3deg); /* W3C 标准语法,无

    2020-03-15 08:41:43   2020-03-15 08:41:43
    分类:HTML5+CSS3 / 浏览:015842329034152
  • CSS3动画transition、animation、transform的使用方法

    1、CSS3 动画包含transitiontransition: width 1s ease 0s; 后面不要跟 all,占用浏览器资源animationanimation: name duration timing-function delay iteration-count direction fill-mode;有播放次数、播放方向、停止播放状态、是否暂停transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。会开启浏览器渲染GPU加速

    2020-01-16 14:19:15   2020-01-16 14:19:15
    分类:HTML5+CSS3 / 浏览:015791555554050
  • CSS里px、em、rem、%、vw、vh、vmin、vmax这些单位的区别

    CSS中常见的单位px:最常见的,页面按照精准样式展示,属于绝对单位em:基准点为父节点字体的大小,如果自身定义了font-size按自身来计算;也就是说这个em不是一个固定值,属于相对单位rem:相对单位,r可以看作为 ”root“,结合em,理解为相对根节点HTML的字体大小来计算vw:viewpoint width,视窗宽度,1vw等于视窗宽

    2020-01-16 14:03:56   2020-01-16 14:02:44
    分类:HTML5+CSS3 / 浏览:015791545648535
  • CSS编写规范及注意事项

    1、样式重置(初始化)/* reset.css */ html { overflow-x:auto; overflow-y:scroll; } body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td { font-weight:400; margin:0; padding:0; } h1, h2, h3, h4, h4, h5 { margin:0; padding:0; } body { background-color:#FFFFFF; color:#666666; font-family:Helvetica,Arial,sans-serif; font-size:12px; paddin

    2019-09-04 13:54:03   2019-09-02 17:23:15
    分类:HTML5+CSS3 / 浏览:015674161954548
  • H5网页告诉浏览器用谷歌Webkit内核渲染页面

    renderer 的取值有三种,为 webkit(Webkit极速内核)、ie-comp(IE兼容内核)、ie-stand(IE标准内核)。格式如下:<meta name="renderer" content="webkit">

    2019-09-01 22:51:06   2019-09-01 22:51:06
    分类:HTML5+CSS3 / 浏览:015673494666047
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计