html相关知识

最新推荐文章于 2021-04-27 00:49:15 发布

星耀199

最新推荐文章于 2021-04-27 00:49:15 发布

阅读量118

点赞数

分类专栏： html 文章标签： html css

本文链接：https://blog.csdn.net/weixin_43732512/article/details/92063414

版权

html 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

html5

 1.meta标签作用
            有name和http-equiv
            http-equiv请求头
                告诉其编码方式<meta charset="utf-8">
                <meta http-equiv="Expires/Pragma/Refresh" content="Fri, 12 Jan 2001 18:18:18 GMT/no-cache/http://www.webjx.com"/>
            name
                <meta name="keywords/description/author/copyright/viewport" content=""/>
                <meta name="viewport" content="width=device-width"/>
                有利于SEO
        2.什么是doctype
            doctype是一种标准通用标记语言的文档类型声明，目的是告诉浏览器要使用什么样的文档类型定义(DTD)来解析文档，doctype 最早是xml的概念，在xml中它的定义是通过一种特定的语法，
            作为一种元数据，来描述xml文档中允许出现的元素，以及各元素的组成，规则等。
        3.语义化
            结构清晰，容易阅读
            便于后期维护
            有利于seo
        4.浏览器内核
            IE:Trident:-ms-, Chrome:webkit, mozilla:Gecko:-moz- ,opera:presto:-o-
        5.重绘和回流
            重绘:颜色，字体改变不影响布局
            回流：添加修改等消耗性能比较大
            有回流必有重绘，反之不然
        6.块级元素
            p ul li tr td form div ol 
        7.高度塌陷
            overflow:hidden;

        8.自定义宽高一半
            1.
                父position:relative
                子position:abosulate;
                    left:0,right:0,top:0,bottom:0,margin:auto
            2.父 display:flex;
                justify-content:center;
                align-items:center;
            3.父display:flex;
              子margin:auto
            4.position:relative
             top:50%;
             left:50%;
             transform:translate(-50%,-50%)

        9.BFC
        10.flex
        11.link和@import的区别
        12.渐变
            线性渐变 linear-gradient(方向，颜色(起点)，颜色(终点))
            径向渐变：radial-gradients(颜色百分比，颜色百分比，颜色百分比，颜色百分比)
        13.动画
            2d
                tranform
                    origin
                    roate
                    skew
                    scale
                    tranlate
            3d
                transition all 3s easy 0    
                div{
                    animation:自己定义name 3s;
                }
                @keyframes 对应自己起的name{
                    from:{}
                    to:{}
                    或者
                    0:{}
                    25%:{}
                    50%:{}
                    100%:{}
                }
        14.rgba和opacity的透明有何不同？
            rgba()只作用于元素自身的颜色或背景色，对元素的内容没有影响。
            opacity在作用于元素自身的颜色或背景色的同时，也作用于元素内的内容的透明度。
        15.多行省略
                text-overflow:ellipsis
                white-space:now-wrap;
        16.css属性继承
            字体，颜色
        17.布局