zoukankan      html  css  js  c++  java
  • 关于音频视频插入和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{100px height:50px}
    outline:设置轮廓属性
    outline-style:轮廓样式(none默认 、dotted点状、dashed虚线、solid实线、double双线)
    outline-color:轮廓颜色
    outline-with 轮廓宽度

  • 相关阅读:
    python3.5过滤网址和图片的函数自己亲测可用
    关于接口数据编写的思路整理
    Mysql db
    在Maven中设置Nexus私有服务为中央工厂
    maven 镜像使用
    maven 自建库
    Windows批处理(cmd/bat)常用命令小结
    springmvc and maven
    spring 源码解析
    spring aop 原理
  • 原文地址:https://www.cnblogs.com/yz5253760/p/5862579.html
Copyright © 2011-2022 走看看