web前端基礎篇③

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技術解決兼容性問題。