关于音频视频插入和CSS初步认识

一：视频和音频的插入
一般常用的视频格式是mp4格式，音频是mp3格式。
常用字符：autoplay 就绪后马上播放 controls显示控件，比如按钮。
height 视频高度 loop再次播放循环
例:视频：<video ser="../地址.." controls="controls" autoplay loop>
</video>
音乐：<audio ser="../地址.." controls="controls" autoplay loop>
</audio>
二：块级元素和行内元素区别
块级元素：独占一行垂直排列。可以改变边框的宽度。块级元素内容大小不影响
边框，里面可以嵌套行内元素，块级元素。当用margin改变时，4个方
向的外边距都有变化。
行内元素：并排坐，不用独行；不能设边框；内容大小影响边框大小；也可以嵌套
元素，但是嵌套后格式会打乱；margin改变后只对左右边框有影响。
三：CSS引入样式
内嵌形式，例：<div style="...."> 文本 </div>
内联形式（div）：例<title>题目</title>
<style type="text/css">
div{cloro...}</style>
外联形式（link）：通过link引入单独做的stylesheet文档 例<title>题目</title>
<link rel="....css"></link>
import形式：链接把地址方式导入
注意：同样情况下，内嵌的优先级最高，其次就是看外联和内联谁在前面，谁优先。
四：CSS选择器（重点的4个）
元素选择器：标签写什么，选择什么元素，例：<div style...>文本</div>
类选择器（class）：class命名可以相同。
id选择器（ID） ：唯一性只能应用于一个id。
后代选择器 ：包含在内的，都要发生改变
子元素选择器 ：“>”符号，下一级关系为子元素，改变。

一：CSS的基本语法：<选择器>{clor（属性）：（值）；（声明）}
1 :每个声明用“；”隔开
2：每条声明由一个属性和一个值组成
3：属性和值之间用“：”隔开
4：每个声明用”；“结束
5：属性可以简写
6 : 对于哦个选择器共用一个声明用“，”隔开
7：每个选择器拥有多条声明
二：CSS的优先级和权重值
优先级：浏览器缺省设置
外部样式表
内部样式表
内部样式（内嵌）
内部样式>内部样式表=外部样式表
权重值;一等：内嵌
二等：ID选择器
三等：伪类选择器
四等：元素选择器
没有权重值得选择器：通配、子元素、相邻兄弟。
运用“inportant”可以使所有的默认权重值失效，成为优先项。
三：CSS背景
background
background-size 尺寸
background-color背景颜色
例：div{width：500px; height:500px;
background：url("背景图片")on-repeat
background-size:500px 500px;
}
四：CSS文本
颜色：color 确定文本开始方向：direction 改变字符间距：letter-spacing
水平居中：text-align 中划线： text-decartion：line-though 负值性：text-irdent
大写转换：uppercase 小写转换：inherit 词间距：word-span

五：CSS字体
颜色：foot-color 样式：foot-size 设置粗体：foot-weight

六：CSS链接
a:link 未被访问
a:visited 已访问
a:hover 鼠标悬浮在上方
a:active 被激活
list-style-imge 引入图片
list-style-type 边框样式：disc默认 circle 空心圆 none去掉小圆点

七：CSS表格
boder-callapse 合并边框
boder-spacing 设置分别单元格边框
boder-side 设置表格标题位置
八：CSS轮廓
input{width:100px height:50px}
outline:设置轮廓属性
outline-style：轮廓样式（none默认 、dotted点状、dashed虚线、solid实线、double双线）
outline-color：轮廓颜色
outline-with 轮廓宽度

转载于:https://www.cnblogs.com/yz5253760/p/5862579.html