行内与块元素
元素区分为:块元素、行内元素、行内块元素
块元素(block element):常用来布局、独占一行、从上到下顺序排列、宽度是父元素的100%、高度默认是被内容撑开的
什么都能放,块元素、行内元素、行内块元素
例如:div、h1—h6、p、header、footer、nav
行内元素(inline element):常用来包裹文字,不会独占一行,从左到右排列,宽高都是被内容撑开的,不可以自定义宽高
只能放行内元素如文字
例如:span、em、啊、
行内块元素:兼容块元素和行内元素的特点,不会独占一行、可自定义宽高
特殊的块元素p标签,一般放文字或图片
特殊的行内元素a标签,里面什么都能放
元素之间可以相互转换---display属性
Block 成块元素
Inline 转成行内元素
Inline-block 转成行内块元素
None 将元素隐藏
音视频标签
Audio标签:引入一个外部音频文件
Controls:控制是否允许用户点击播放
Loop:是否循环播放
Video标签:引入一个外部视频文件
Autoplay 自动播放 这个属性除了ie,大部分浏览器已经废弃
图片格式
Jpeg(支持颜色多)、gif(动图)、png(转为网页而生)、webp(兼容性不好)、base64(和网页一起加载的图片)
网站解析代码顺序:先解析结构、解析css、解析其他:js,图片