整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
-音頻標(biāo)簽：<audio></audio>
-屬性：
src：音頻文件路徑
loop：循環(huán)播放
autoplay：自動(dòng)播放
preload：預(yù)加載，none|metadata|auto
-語(yǔ)法結(jié)構(gòu)：
<!--寫(xiě)法1-->
<audio src="1.mp3"></audio>
<!--寫(xiě)法2-->
<audio>
<source src="1.mp3"></source>
</audio>-視頻標(biāo)簽：<video></video>
-屬性：
src：音頻文件路徑
loop：循環(huán)播放
autoplay：自動(dòng)播放
width：寬
height：高
poster：封面圖片
preload：預(yù)加載，none|metadata|auto
-語(yǔ)法結(jié)構(gòu)：
<!--寫(xiě)法1-->
<video src="1.mp4"></video>
<!--寫(xiě)法2-->
<video>
<source src="1.mp4"></source>
</video>無(wú)序列表<ul>
屬性：
type：disc默認(rèn)的，實(shí)心圓
circle空心圓，square方塊
使用：type默認(rèn)實(shí)心圓
<ul>
<li>張三</li>
<li>李四</li>
</ul>type默認(rèn)為實(shí)心圓
使用：type空心圓
<ul type="circle">
<li>張三</li>
<li>李四</li>
</ul>circle為空心圓
使用：type方塊
<ul type="square">
<li>張三</li>
<li>李四</li>
</ul>square方塊
有序列表<ol>
屬性：
type：取值有1,a,A,i,I，分別代表數(shù)字，小寫(xiě)字母序列，大寫(xiě)字母序列，小寫(xiě)羅馬數(shù)字，大寫(xiě)的羅馬數(shù)字，默認(rèn)的是數(shù)字，使用方式同上，這里不再圖示。
案例：
<ol>
<li>張三</li>
<li>李四</li>
</ol>自定義列表<dl>
一般用來(lái)進(jìn)行圖文展示
案例：
<dl>
<dt>
<img src="images/car-1.png" alt="">
</dt>
<dd>凱美瑞</dd>
</dl>這兩個(gè)都可以當(dāng)作容器來(lái)使用，嵌套其他標(biāo)簽
div：塊級(jí)元素，默認(rèn)占整行
span：行級(jí)元素，內(nèi)容多寬他就多寬
結(jié)構(gòu)組成：
table：表格標(biāo)簽
tr：行標(biāo)簽
td：列表簽
兩行兩列：
<table border="1">
<tr>
<td>姓名</td>
<td>年齡</td>
</tr>
<tr>
<td>張三豐</td>
<td>100</td>
</tr>
</table>border="1" 表示表格邊框?qū)挾葹?px
合并行：rowspan
<table border="1">
<tr>
<td rowspan="2">姓名</td>
<td>年齡</td>
</tr>
<tr>
<td>100</td>
</tr>
</table>合并列：colspan
景樣式
1.背景屬性縮寫(xiě)
Background: 背景色 背景圖片 背景平鋪方式 背景定位
例：body {
background-color:# EDEDED;
background-image:url(images/bg.png);
background-repeat:no-repeat;
background-position:50% 30px;
}
縮寫(xiě)后：
body { background:#EDEDED url(images/bg.png) no-repeat 50% 30px;}
尺寸樣式
1.寬度
width : auto | length
例：
p { width:300px;} div { width:50%;}
2.高度
height : auto | length
例：
img { height:200px;}
div { height:100px;}
邊框樣式
1.邊框線
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
例：div { width:300px; height:100px; border-style:solid; ｝
border-top-style 設(shè)置上邊框線
border-bottom-style 設(shè)置下邊框線
border-left-style 設(shè)置左邊框線
border-right-style 設(shè)置右邊框線
2.邊框?qū)挾?/p>
border-width : medium | thin | thick | length
例：
div { width:300px; height:100px; border-style:solid; border-width:1px; ｝
border-top-width 設(shè)置上邊框?qū)挾?/p>
border-bottom-width 設(shè)置下邊框?qū)挾?/p>
border-left-width 設(shè)置左邊框?qū)挾?/p>
border-right-width 設(shè)置右邊框?qū)挾?/p>
3.邊框顏色
border-color : color
例：div {
width:300px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#FF0000;
}
border-top-color 設(shè)置上邊框顏色
border-bottom-color 設(shè)置下邊框顏色
border-left-color 設(shè)置左邊框顏色
border-right-color 設(shè)置右邊框顏色
4.邊框樣式縮寫(xiě)
border : border-width || border-style || border-color
例：div {
width:300px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#FF0000;
}
縮寫(xiě)后：div {
width:300px;
height:100px;
border:1px solid #FF0000;
}
外邊距
margin : auto | length
例：div { width:300px; height:100px; margin:10px;}
div { width:300px; height:100px; margin:0 auto;}
margin-top 設(shè)置上邊的外邊距
margin-bottom 設(shè)置下邊的外邊距
margin-left設(shè)置左邊的外邊距
margin-right設(shè)置右邊的外邊距
縮寫(xiě)型式：
margin: 上邊距 右邊距 下邊距 左邊距
margin: 上下邊距左右邊距
margin: 上邊距 左右邊距 下邊距
內(nèi)邊距
padding : length
例：
div { width:300px; height:100px; padding:10px;}
padding-top 設(shè)置上邊的內(nèi)邊距
padding-bottom 設(shè)置下邊的內(nèi)邊距
padding-left設(shè)置左邊的內(nèi)邊距
padding-right設(shè)置右邊的內(nèi)邊距
縮寫(xiě)型式：
padding: 上邊距 右邊距 下邊距 左邊距
padding : 上下邊距左右邊距
padding : 上邊距 左右邊距 下邊距
列表樣式
1.項(xiàng)目符號(hào)
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha |
katakana | katakana-iroha | lower-latin | upper-latin
例：
ul { list-style-type:disc;}/*實(shí)心圓*/
ul { list-style-type:circle;}/*空心圓*/
ul { list-style-type:square;}/*實(shí)心方塊*/
ul { list-style-type:none;}/*不顯示項(xiàng)目符號(hào)*/
ol { list-style-type:decimal;}/*阿拉伯?dāng)?shù)字*/
ol { list-style-type:lower-roman;}/*小寫(xiě)羅馬數(shù)字*/
ol { list-style-type:upper-alpha;}/*大寫(xiě)英文字母*/
2.自定義項(xiàng)目符號(hào)
list-style-image : none | url ( url )
例：
ul {list-style-image:url(images/arrow.gif)}
鏈接樣式
1.鏈接沒(méi)有被訪問(wèn)時(shí)的樣式
a:link
例： a:link { color:#ff0000; }
2.鏈接被訪問(wèn)后的樣式
a:visited
例： a:link { color:#0000ff; text-decoration:none; }
3.鼠標(biāo)懸停在鏈接上的樣式
a:hover
例： a:link { background-color:#ccc; }
4.鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式
a:active
例：a:active { background-color:#ff0000;}
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
