关于音频视频插入和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 > 文本 </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 轮廓宽度