web前端基础篇③

时间:2023-03-08 22:49:41
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技术解决兼容性问题。