web前端基础篇③

Posted 2020-08-08

1.video视频 audio音频 controls出现控件 loop循环 autoplay自动播放
例：<video／audio src＝“地址” controls＝“controls” loop autoplay>
2.块级元素                 行内元素
  独占一行                 不独占一行
  设宽高                   不能设宽高
  内容不影响边框            内容影响元素大小
  可嵌套块级、行内           嵌套会乱
  margin四周都变           margin仅左右变
  padding四周都变          padding四周都变
3.html5语义化标签
  article文章 aside侧边栏 footer页脚 head页眉 nav导航 section节、区段
4.css引入方式
内联（内嵌） body里添加样式
例： <div style="border: 1px solid red;">我是一个div ,我想有一些css样式</div>

内部样式 head里添加
例：<style type="text/css">
        div{
            color: green;
        }

    </style>

外部样式 head里添加 通过外部链接
例：<link rel="stylesheet" href="../css/css测试.css">

@import 不常用

内联最先显示；内部和外部看谁在前面谁就先显示。
5.css选择器
元素选择器 head里加div
<style type="text/css">
        div{
            color: red;
        }
class选择器 head里加.div
<style type="text/css">
        div1{
            color: red;
        }
id选择器    head里加＃div
<style type="text/css">
        div1-id{
            color: red;
        }
后代选择器 head里加 h1空格span
<style type="text/css">
        h1 span{
        color: red;
        }
子元素选择器、相邻兄弟选择器（不常用）
通配符选择器 ＊（重置技术）现在都是用normalize技术解决兼容性问题。