zoukankan      html  css  js  c++  java
  • HTML+CSS知识总结2

     一。position:absolute和float属性的异同

         相同点:两者都可以让元素脱离文档流,并可设置宽高

          不同点:float仍会占据位置,而position:absolute会覆盖文档流中其他元素

    二。CSS盒子模型

         盒子模型由:margin padding border content 组成(

    • padding + border + width= 盒子的宽度
    • paddingborder + height = 盒子的高度

         1.标准盒模型:宽高不算上padding和border对应的css属性box-size:content-box

         2.怪异盒模型:宽高算上padding和border对应的css属性box-size:content-box

    三。如何区分HTML和HTML5?

        文档类型声明上,HTML没有语义化的标签,HTML5有语义化标签:hearder nav

    四。HTML5语义化的理解

         1.利于团队开发项目,增加可读性,提高效率

          2.有利于seo,有利于爬虫引擎

    五。HTML5的新特性

         1.语义化标签

         2.input type 属性(type= email number date search image url)

         3.canvse画布

         4.SVG 可伸缩矢量图形

         5.audio、video

         6.localStorage、sessionStorage

         7.地理信息(geolocation 定位)

         8.重力感应

         9.文件拖拽

         10.WebSocket

    六。CSS3的新特性

         1.border-radius 边框圆角

         2.box-shadow 边框阴影

         3.background-size 背景图片大小

         4.background-image 设置多个背景图片

         5.text-shadow 文本阴影

         6.CSS 2D转化

         7.animation 动画

         8.box-size

    七。localStorage、sessionStorage和cookie的区别

          1.sessionStorage主要用于本地对话存储,当会话结束页面关闭,数据销毁

           2.localStorage永久存储本地,除非手动删除

           3.cookie 存储空间小,不能跨域,需要指定作用域,cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在

           

  • 相关阅读:
    JDBC连接
    Ubuntu 16.04安装MySQL(5.7.18)
    AOP拦截日志报错llegalStateException: It is illegal to call this method if the current request is not in asynchronous mode
    mybatis笔记
    打扮IDEA更换主题
    简单的IDEA破解到2099年
    UML之时序图详解
    UML之类图详解
    UML之用例图详解
    spring和springboot常用注解总结
  • 原文地址:https://www.cnblogs.com/cwzqianduan/p/9436524.html
Copyright © 2011-2022 走看看