整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線：
層疊樣式表(英文全稱(chēng)：Cascading Style Sheets) *層疊：多個(gè)樣式可以作用在同一個(gè)html的元素上，同時(shí)生效
是一種用來(lái)表現(xiàn)HTML或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。
CSS很像化妝，通過(guò)不同的CSS將同樣的HTML內(nèi)容打造為不同的呈現(xiàn)結(jié)果。
所以，前端程序員相互表白的時(shí)候可以說(shuō)：you are the CSS to my HTML.
這是不是CSS是對(duì)HTML進(jìn)行美化和布局作用的最好總結(jié)？
根據(jù)定義CSS的位置不同，分為行內(nèi)樣式、內(nèi)部樣式和外部樣式
也稱(chēng)為內(nèi)聯(lián)樣式
直接在標(biāo)簽中編寫(xiě)樣式，通過(guò)使用標(biāo)簽內(nèi)部的style屬性；
一般在測(cè)試的時(shí)候使用居多：
語(yǔ)法：
<html標(biāo)簽 style="樣式1：值1;樣式2：值2;....樣式N：值N;">hello my css</html標(biāo)簽>
案例：
<div style="color: red;">hello my css</div>弊端：只能對(duì)當(dāng)前的標(biāo)簽生效，沒(méi)有做到內(nèi)容和樣式相分離，耦合度太高。
定義在head標(biāo)簽內(nèi)，通過(guò)style標(biāo)簽，該標(biāo)簽內(nèi)容就是CSS代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>內(nèi)部樣式</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div>hello my css</div>
</body>
</html>1、提前定義css資源文件
2、在head標(biāo)簽內(nèi)，定義link標(biāo)簽引入外部樣式文件。
lina.css文件，放在與html頁(yè)面同級(jí)的css文件夾中：
div {
color: red;
}
html頁(yè)面中的引入
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外部樣式</title>
<link rel="stylesheet" href="css/lina.css" />
</head>
<body>
<div>hello my css</div>
</body>
</html>作用域的范圍:外部樣式表>內(nèi)部樣式表>行內(nèi)樣式表
優(yōu)先級(jí)：外部樣式表<內(nèi)部樣式表<行內(nèi)樣式表;
同樣的樣式作用在同一個(gè)標(biāo)簽身上：就近原則；不同樣式作用在同一個(gè)標(biāo)簽身上:疊加生效。
基本格式：由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明:
選擇器 {
屬性1:值1;
屬性2:值2;
...
}
選擇器:篩選具有相似特征的元素
屬性和屬性值之間用冒號(hào)分割，不同的屬性之間用分號(hào)隔開(kāi)。例如：
注釋是用來(lái)解釋你的代碼，并且可以隨意編輯它，瀏覽器會(huì)忽略它。
CSS注釋以 /* 開(kāi)始, 以 */ 結(jié)束
/*這是CSS的注釋*/
div {
color: red; /*文字顏色是紅色*/
}選擇具有相同id屬性值的元素，建議html頁(yè)面中的id值唯一
id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來(lái)設(shè)置id選擇器,CSS 中 id 選擇器以 "#" 來(lái)定義。
PS： ID屬性不要以數(shù)字開(kāi)頭，數(shù)字開(kāi)頭的ID在 Mozilla/Firefox 瀏覽器中不起作用。
雖然多個(gè)元素可以使用同一個(gè)id選擇器控制樣式，但是不推薦。如果需要同樣的樣式對(duì)多個(gè)標(biāo)簽生效，使用class選擇器。
選擇具有相同的class屬性值的元素。
class 選擇器用于描述一組元素的樣式，class 選擇器有別于id選擇器，class可以在多個(gè)元素中使用。
class 選擇器在HTML中以class屬性表示, 在 CSS 中，類(lèi)選擇器以一個(gè)點(diǎn)"."號(hào)顯示：
PS：類(lèi)名的第一個(gè)字符不能使用數(shù)字！它無(wú)法在 Mozilla 或 Firefox 中起作用。
選擇具有相同標(biāo)簽名稱(chēng)的元素。
定義選擇器語(yǔ)法：標(biāo)簽名稱(chēng){}；PS：標(biāo)簽名稱(chēng)必須是html提供好的標(biāo)簽。
使用標(biāo)簽選擇器：自動(dòng)使用在所有的同名的標(biāo)簽上
ID選擇器 > 類(lèi)選擇器 > 標(biāo)簽選擇器
當(dāng)多個(gè)選擇器作用在同一個(gè)標(biāo)簽上的時(shí)候，如果屬性沖突，看優(yōu)先級(jí)；如果不沖突，樣式疊加生效。
行內(nèi)樣式 > 內(nèi)部樣式 >外部樣式
同樣，三個(gè)樣式表中都有內(nèi)容作用在同一個(gè)html標(biāo)簽的時(shí)候，如果屬性沖突，看優(yōu)先級(jí)；如果不沖突，樣式疊加生效。
跟顏色相關(guān)的取值分3種：
1、顏色的單詞 red blue...
2、rgb(紅，綠，藍(lán))三色的取值范圍是0-255 rgb(255,0,0)
rgba（紅，綠，藍(lán),透明度），透明度取值：0-1 0 全透明 1-不透明 0.5 半透明rgba(255,0,0,0.4)
3、#值1值2值3 ：值的范式是00-FF 十六進(jìn)制數(shù)字組成的 例如：#FF0000
PS：只有塊狀元素可以設(shè)置寬高，行級(jí)元素設(shè)置不生效。
取值方式有2種：
1：數(shù)值 絕對(duì)數(shù)字 單位是像素PX
2：百分比：占據(jù)父元素的比例
以谷歌瀏覽器為例說(shuō)明。
快捷鍵F12或者工具條中的開(kāi)發(fā)者工具調(diào)出以下內(nèi)容。
在elements中可以看到當(dāng)前頁(yè)面的所有標(biāo)簽，在styles中可以看到html元素對(duì)應(yīng)的樣式。
所有HTML元素可以看作盒子，在CSS中，"box model"這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。
CSS盒模型本質(zhì)上是一個(gè)盒子，封裝周?chē)腍TML元素，它包括：邊距，邊框，填充，和實(shí)際內(nèi)容。
盒模型允許我們?cè)谄渌睾椭車(chē)剡吙蛑g的空間放置元素。
盒子模型說(shuō)明圖：
元素的實(shí)際寬度和高度：
當(dāng)我們計(jì)算一個(gè)元素實(shí)際在頁(yè)面占有的總寬度計(jì)算公式是這樣的：
總元素寬度=寬度+左填充+右填充+左邊框+右邊框+左邊距+右邊距
元素的總高度最終計(jì)算公式是這樣的：
總元素的高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊距+下邊距
CSS 的 Float（浮動(dòng)），會(huì)使元素向左或向右移動(dòng)，其周?chē)脑匾矔?huì)重新排列。
Float（浮動(dòng)），往往是用于圖像，但它在布局時(shí)一樣非常有用。
元素的水平方向浮動(dòng)，意味著元素只能左右移動(dòng)而不能上下移動(dòng)。
一個(gè)浮動(dòng)元素會(huì)盡量向左或向右移動(dòng)，直到它的外邊緣碰到包含框或另一個(gè)浮動(dòng)框的邊框?yàn)橹埂?/span>
浮動(dòng)元素之后的元素將圍繞它。
浮動(dòng)元素之前的元素將不會(huì)受到影響。
如果你把幾個(gè)浮動(dòng)的元素放到一起，如果有空間的話，它們將彼此相鄰。
元素浮動(dòng)之后，周?chē)脑貢?huì)重新排列，為了避免這種情況，使用 clear 屬性。
clear 屬性指定元素兩側(cè)不能出現(xiàn)浮動(dòng)元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>浮動(dòng)</title>
<style>
div{
width: 400px;
height: 200px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<!--沒(méi)有浮動(dòng)屬性的元素都屬于常規(guī)文檔流：從上往下從左往右依次顯示
浮動(dòng)的元素都脫離了常規(guī)文檔流；
為了好理解：大家可以認(rèn)為浮動(dòng)元素屬于一層，非浮動(dòng)元素屬于一層
如果想要非浮動(dòng)元素不受浮動(dòng)元素的影響，需要使用clear屬性
-->
<div style="background: rgba(255,0,0,0.5); float: left;">
div1-左浮動(dòng)，脫離常規(guī)文檔流，緊貼父元素或者上一個(gè)同方向浮動(dòng)
</div>
<div style="background: lawngreen; width: 600px; height: 350px; ">
div2-未浮動(dòng)，常規(guī)文檔流,
<br/>PS:此時(shí)div1在div2的上方顯示，因?yàn)閐iv1和div2是不同文檔流中的元素，顯示互不影響
如果不想讓div2被浮動(dòng)元素影響，需要添加clear屬性。
添加clear: left;之后div2就會(huì)忽略div1浮動(dòng)的影響，在div1層后面顯示，不會(huì)重疊了，大家可以自己試驗(yàn)一下
</div>
<div style="background: lightblue; float: right; width: 1800px;">
div3-右浮動(dòng)，脫離常規(guī)文檔流，緊貼父元素或者上一個(gè)同方向浮動(dòng)
</div>
<div style="background: lightcoral; width: 600px; height: 350px; ">
div4-未浮動(dòng)，常規(guī)文檔流,
<br/>PS:此時(shí)div3在div4的上方顯示，因?yàn)閐iv3和div4是不同文檔流中的元素，顯示互不影響
如果不想讓div4被浮動(dòng)元素影響，需要添加clear屬性。
添加clear: right;之后div4就會(huì)忽略div3浮動(dòng)的影響，在div3層后面顯示，不會(huì)重疊了，大家可以自己試驗(yàn)一下
clear屬性有三個(gè)取值：left、right、both;分別是取出左浮動(dòng)、有浮動(dòng)和所有浮動(dòng)元素的影響
</div>
<div style="background: lavender;">
div5-未浮動(dòng)，常規(guī)文檔流,
</div>
</body>
</html>
控制內(nèi)容溢出元素框時(shí)顯示的方式。
overflow屬性有以下值：
值 | 描述 |
visible | 默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。 |
hidden | 內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見(jiàn)的。 |
scroll | 內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。 |
auto | 如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。 |
注意:overflow 屬性只工作于指定高度的塊元素上。
注意: 在 OS X Lion ( Mac 系統(tǒng)) 系統(tǒng)上，滾動(dòng)條默認(rèn)是隱藏的，使用的時(shí)候才會(huì)顯示 (設(shè)置 "overflow:scroll" 也是一樣的)。
display屬性設(shè)置一個(gè)元素應(yīng)如何顯示，visibility屬性指定一個(gè)元素應(yīng)可見(jiàn)還是隱藏。
隱藏一個(gè)元素可以通過(guò)把display屬性設(shè)置為"none"，或把visibility屬性設(shè)置為"hidden"。但是請(qǐng)注意，這兩種方法會(huì)產(chǎn)生不同的結(jié)果。
visibility:hidden可以隱藏某個(gè)元素，但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說(shuō)，該元素雖然被隱藏了，但仍然會(huì)影響布局。
display:none可以隱藏某個(gè)元素，且隱藏的元素不會(huì)占用任何空間。也就是說(shuō)，該元素不但被隱藏了，而且該元素原本占用的空間也會(huì)從頁(yè)面布局中消失。
CSS樣式有以下三個(gè)：
由兩個(gè)或多個(gè)基礎(chǔ)選擇器，通過(guò)不同方式組合而成的。
可以更準(zhǔn)確更精細(xì)的選擇目標(biāo)元素標(biāo)簽。
語(yǔ)法：* {} 一般去掉標(biāo)簽的一些默認(rèn)效果的時(shí)候使用，或者整站通用效果時(shí)使用。但是不推薦，一般將 * 替換為常用標(biāo)簽的名稱(chēng)，并用逗號(hào)分隔，其實(shí)就是使用并集選擇器。
并集選擇器（CSS選擇器分組）是各個(gè)選擇器通過(guò),連接而成的，通常用于集體聲明。
語(yǔ)法：選擇器1，選擇器2，......選擇器N{}
意思是多個(gè)選擇器都是通用的樣式。任何形式的選擇器（包括標(biāo)簽選擇器、class類(lèi)選擇器id選擇器等），都可以作為并集選擇器的一部分。
條件：交集選擇器由兩個(gè)選擇器構(gòu)成，找到的標(biāo)簽必須滿足：既有標(biāo)簽一的特點(diǎn)，也有標(biāo)簽二的特點(diǎn)。
語(yǔ)法：h3.class{ color:red; }
其中第一個(gè)為標(biāo)簽選擇器，第二個(gè)為class選擇器，兩個(gè)選擇器之間不能有空格，例如div.list。
交集選擇器是并且的意思。 即...又...的意思
例如： table.bg 選擇的是： 類(lèi)名為 .bg 的 表格標(biāo)簽，但用的相對(duì)來(lái)說(shuō)比較少。概念：后代選擇器又稱(chēng)為包含選擇器。
作用：用來(lái)選擇元素或元素組的子孫后代。
其寫(xiě)法就是把外層標(biāo)簽寫(xiě)在前面，內(nèi)層標(biāo)簽寫(xiě)在后面，中間用空格分隔，先寫(xiě)父親爺爺，在寫(xiě)兒子孫子。
格式：父級(jí) 子級(jí){屬性:屬性值;屬性:屬性值;}語(yǔ)法：.class h3{color:red;font-size:16px;}
當(dāng)標(biāo)簽發(fā)生嵌套時(shí)，內(nèi)層標(biāo)簽就成為外層標(biāo)簽的后代。
子孫后代都可以這么選擇。 或者說(shuō)，它能選擇任何包含在內(nèi) 的標(biāo)簽。
作用：子元素選擇器只能選擇作為某元素子元素(親兒子)的元素。
其寫(xiě)法就是把父級(jí)標(biāo)簽寫(xiě)在前面，子級(jí)標(biāo)簽寫(xiě)在后面，中間跟一個(gè) > 進(jìn)行連接。
語(yǔ)法：.class>h3{color:red;font-size:14px;}
比如： .demo > h3 {color: red;} 說(shuō)明 h3 一定是demo 親兒子。 demo 元素包含著h3。<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>復(fù)合選擇器</title>
<style>
/*全局選擇器：
一般去掉標(biāo)簽的一些默認(rèn)效果的時(shí)候使用，或者整站通用效果時(shí)使用。但是不推薦，
*/
*{
color: #333;/*定義全局文字顏色，統(tǒng)一色彩基調(diào)*/
}
/*并集選擇器：通常用于集體聲明
替換全局選擇器；
*/
div,p,dldt,dd{
/*去掉瀏覽器的默認(rèn)樣式*/
margin: 0;
padding: 0;
color: #333;/*定義全局文字顏色，統(tǒng)一色彩基調(diào)*/
}
/*交集選擇器*/
li.myli{
color: red;
}
/*后代選擇器*/
ul li{
font-size: 28px;
}
.myUL li{
font-family: "微軟雅黑";
}
.myUL li a{
text-decoration: line-through;
}
/*子元素選擇器*/
.demo>h3{
color: red;
}
</style>
</head>
<body>
<ul>
<li>li11111111111</li>
<li class="myli">li22222222222</li>
<li>li33333333333</li>
<li>li44444444444<a href="">點(diǎn)擊我試試</a></li>
<li class="myUL">
<ul>
<li>li11111111111</li>
<li class="myli">li22222222222</li>
<li>li33333333333</li>
<li>li44444444444
<a href="">點(diǎn)擊我試試</a>
</li>
</ul>
</li>
</ul>
<ol>
<li>li11111111111</li>
<li>li22222222222</li>
<li>li33333333333</li>
<li>li44444444444</li>
</ol>
<div class="demo">
div1
<h3>靜夜思</h3>
<ul>
<li><h3>靜夜思----li</h3></li>
</ul>
</div>
</body>
</html>
偽類(lèi)選擇器：和類(lèi)選擇器相區(qū)別類(lèi)選擇器是一個(gè)點(diǎn) 比如 .demo {} 而我們的偽類(lèi) 用 2個(gè)點(diǎn) 就是 冒號(hào) 比如 :link{} 。
作用：用于向某些選擇器添加特殊的效果。比如給鏈接添加特殊效果， 比如可以選擇 第1個(gè)，第n個(gè)元素。
因?yàn)閭晤?lèi)選擇器很多，比如鏈接偽類(lèi)，結(jié)構(gòu)偽類(lèi)等等。我們這里先給大家講解鏈接偽類(lèi)選擇器。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>偽類(lèi)選擇器</title>
<style>
/*偽類(lèi)選擇器*/
a:link{
color: red;/*默認(rèn)顏色是紅色*/
}
a:visited{
color: blue;/*訪問(wèn)過(guò)的頁(yè)面是藍(lán)色*/
}
a:hover{
color: green;/*鼠標(biāo)懸浮是綠色*/
font-size: 28px;
}
a:active{
color: gold;/*按下鼠標(biāo)不放手是金色*/
font-family: "微軟雅黑";
}
</style>
</head>
<body>
<a href="03-常用樣式.html" target="_blank">常用樣式</a>
<a href="04-盒子模型1.html" target="_blank">盒子模型</a>
<a href="05-綜合練習(xí).html" target="_blank">綜合練習(xí)</a>
</body>
</html>
注意**
a { /* a是標(biāo)簽選擇器 所有的鏈接 */
font-weight: 700;
font-size: 16px;
color: gray;
}
a:hover { /* :hover 是鏈接偽類(lèi)選擇器 鼠標(biāo)經(jīng)過(guò) */
color: red; /* 鼠標(biāo)經(jīng)過(guò)的時(shí)候，由原來(lái)的 灰色 變成了紅色 */
}選擇器 | 作用 | 特征 | 使用情況 | 隔開(kāi)符號(hào)及用法 |
后代選擇器 | 用來(lái)選擇元素后代 | 是選擇所有的子孫后代 | 較多 | 符號(hào)是空格 p .one |
子代選擇器 | 選擇 最近一級(jí)元素 | 只選親兒子 | 較少 | 符號(hào)是> .nav>p |
交集選擇器 | 選擇兩個(gè)標(biāo)簽交集的部分 | 既是 又是 | 較少 | 沒(méi)有符號(hào) p.one |
并集選擇器 | 選擇某些相同樣式的選擇器 | 可以用于集體聲明 | 較多 | 符號(hào)是逗號(hào) .nav, .header |
鏈接偽類(lèi)選擇器 | 給鏈接更改狀態(tài) | 較多 | 重點(diǎn)記住 a{} 和 a:hover 實(shí)際開(kāi)發(fā)的寫(xiě)法 |
、HTML表單
一）JavaScript
1、AngularJS1中指定控制器的是哪個(gè)指令？( )
A、ng-route
B、ng-template
C、ng-model
D、ng-controller
2、要在10秒后調(diào)用checkState，下列哪個(gè)是正確的（ ）
A、window.setTimeout(checkState, 10);
B、window.setTimeout(checkState, 10000);
C、window.setTimeout(checkState(), 10);
D、window.setTimeout(checkState(), 10000);
3、在jquery中指定一個(gè)類(lèi)，如果存在就執(zhí)行刪除功能，如果不存在就執(zhí)行添加功能，下面哪一個(gè)是可以直接完成該功能的？
A、removeClass()
B、deleteClass()
C、toggleClass(class)
D、addClass()
4、下面關(guān)于塊內(nèi)聲明函數(shù)的做法哪些是正確的？
A、if (x) { function foo() {}}
B、if (x) { var foo = function() {}}
C、if (x) { foo = function() {}}
D、ECMAScript明確的規(guī)范了塊內(nèi)函數(shù)，javascript實(shí)現(xiàn)了這個(gè)規(guī)范
5、angularjs1中的服務(wù)實(shí)質(zhì)上是（ ）
A、網(wǎng)絡(luò)服務(wù)
B、單例對(duì)象
C、接口對(duì)象
D、函數(shù)調(diào)用
6、如果需要匹配包含文本的元素，用下面哪種來(lái)實(shí)現(xiàn)？（ ）
A、text（）
B、contains（）
C、input（）
D、attr（name）
7、在jquery中，如果想要獲取當(dāng)前窗口的寬度值，下面哪個(gè)是實(shí)現(xiàn)該功能的？（ ）
A、width（）
B、width（val）
C、width
D、innerWidth（）
8、angularjs1中使用指令，綁定監(jiān)聽(tīng)是在什么時(shí)候？（ ）
A、compiles時(shí)
B、link時(shí)
C、require時(shí)
D、生成DOM時(shí)
9、下面符合一個(gè)有效的javascript變量定義規(guī)則的是？（ ）
A、_$te$t2
B、with
C、a bc
D、2a
（二）HTML/CSS
1、CSS 樣式，邊距： 10px 20px 40px 30px ；（ ）是底邊距？
A、10px
B、20px
C、40px
D、30px
2、下列哪個(gè)樣式定義后,內(nèi)聯(lián)(非塊狀)元素可以定義寬度和高度（ ）
A、display:inline
B、display:none
C、display:block
D、display:inherit
3、<svg> 標(biāo)簽的目的是什么？（ ）
A、用來(lái)結(jié)構(gòu)化網(wǎng)頁(yè)
B、用可伸縮矢量圖來(lái)畫(huà)圖或文本
C、用css來(lái)預(yù)格式化圖片或文本
D、用來(lái)插入JavaScript
4、下列定義的 css 中，哪個(gè)權(quán)重是最低的？（ ）
A、#game div.name
B、#game .name
C、#game div
D、#game .name span
5、網(wǎng)頁(yè)開(kāi)發(fā)中，一般需判斷瀏覽器類(lèi)型，需通過(guò)userAgent中獲取瀏覽器內(nèi)核來(lái)判斷，下列說(shuō)法錯(cuò)誤的是？（ ）
A、一直到IE9，都是Trident內(nèi)核
B、firefox是Gecko內(nèi)核
C、chrome是webkit內(nèi)核
D、IE是目前最快的瀏覽器
6、以下標(biāo)簽，錯(cuò)誤的是（ ）
A、text-left用于左對(duì)齊
B、text-center水平居中對(duì)齊
C、text-vertical垂直居中對(duì)齊
D、text-uppercase可以將字母全部大寫(xiě)
7、根據(jù)柵格系統(tǒng)的標(biāo)準(zhǔn)用法，錯(cuò)誤的是（ ）
A、<div><br> <div>
B、<div><br> <div>
C、<div><br> <div>
D、<div><br><div>
8、在HTML中，（ ）可以在網(wǎng)頁(yè)上通過(guò)鏈接直接打開(kāi)郵件客戶端發(fā)送郵件。
A、<a href=”telnet:ming.zhou@nowcoder.com”>發(fā)送郵件</a>
B、<a href=”mail:ming.zhou@nowcoder.com”>發(fā)送郵件</a>
C、<a href=”mailto:ming.zhou@nowcoder.com”>發(fā)送郵件</a>
D、<a href=”ftp:ming.zhou@nowcoder.com”>發(fā)送郵件</a>
9、下面標(biāo)簽嵌套正確的是（ ）
A、<ul><p>牛客網(wǎng)</p></ul>
B、<a href="#"><a href="#">牛客網(wǎng)</a></a>
C、<dl><li>牛客網(wǎng)</li></dl>
D、<ol><li>牛客網(wǎng)</li></ol>
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
