一:視頻和音頻的插入
一般常用的視頻格式是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 輪廓寬度