zoukankan      html  css  js  c++  java
  • h5和css3新特性

    1.关于h5的新特性,常用的有以下这些:

      1)增加了语义化标签 eg:footer header nav article section

      2)新增表单类型 eg:date week email url search number mouth

      3)web存储 eg:localStorage sessionStorage

      4) canvas画布

      5)video audio 视频/音频

    2. 关于css3的新特性,常用的有以下这些:

      1)flex布局

      2) css3动画

      3)媒体查询

        1. @media screen and (max- 500px) {

           .box{background: red;}

         }

      4) 选择器 伪类选择器

        1. #box h3:nth-child(2)   表示查找#box里面的第二个孩子,看第二个孩子是否是h3 ,如果是h3 则匹配成功,否则不予匹配

        2. #box h3:nth-of-type(2) 表示查找#box中的h3集合,看集合中存在第二个h3吗,如果存在则匹配成功,否则不予匹配

      5) 盒模型 box-sizing: border-box/content-box/inherit

        border-box: width包括content、padding、border

        content-box: width只包括content

        inherit: 继承父元素的

      6)背景、边框、文字特效 

  • 相关阅读:
    ECharts之柱状图 饼状图 折线图
    Vue自定义指令(directive)
    HDU 1231 最大连续子序列
    POJ 2533 Longest Ordered Subsequence
    HDU 1163 Eddy's digital Roots
    HDU 2317 Nasty Hacks
    HDU 2571 命运
    HDU 4224 Enumeration?
    HDU 1257 最少拦截系统
    HDU 2740 Root of the Problem
  • 原文地址:https://www.cnblogs.com/fewhj/p/8252603.html
Copyright © 2011-2022 走看看