-
類選擇器和ID選擇器的區(qū)別
相同點(diǎn)：可以應(yīng)用于任何元素
不同點(diǎn)：1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個(gè)HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。
2、可以使用類選擇器詞列表方法為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式。我們可以為一個(gè)元素同時(shí)設(shè)多個(gè)樣式，但只可以用類選擇器的方法實(shí)現(xiàn)，ID選擇器是不可以的（不能使用 ID 詞列表）。
????????例如：
?.stress{
? ? color:red;
}
.bigsize{
? ? font-size:25px;
}
<p>到了<span class="stress bigsize">三年級(jí)</span>下學(xué)期時(shí)，我們班上了一節(jié)公開(kāi)課...</p>查看全部 -
類選擇器在css樣式編碼中是最常用到的
語(yǔ)法：
????????????.類選器名稱{css樣式代碼;}
注意：
1、英文圓點(diǎn)開(kāi)頭
2、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來(lái)，如下：
<span>膽小如鼠</span>
第二步：使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個(gè)類，如下：
<span class="stress">膽小如鼠</span>
第三步：設(shè)置類選器css樣式，如下：
.stress{color:red;}/*類前面要加入一個(gè)英文圓點(diǎn)*/
查看全部 -
每一條css樣式聲明（定義）由兩部分組成，形式如下：
選擇器{
? ?樣式;
}在{}之前的部分就是“選擇器”，“選擇器”指明了{(lán)}中的“樣式”的作用對(duì)象，也就是“樣式”作用于網(wǎng)頁(yè)中的哪些元素。比如右側(cè)代碼編輯器中第7行代碼中的“body”就是選擇器。
查看全部 -
css 樣式由選擇符和聲明組成，而聲明又由屬性和值組成，如下圖所示：
選擇符：又稱選擇器，指明網(wǎng)頁(yè)中要應(yīng)用樣式規(guī)則的元素，如本例中是網(wǎng)頁(yè)中所有的段（p）的文字將變成藍(lán)色，而其他的元素（如ol）不會(huì)受到影響。
聲明：在英文大括號(hào)“｛｝”中的的就是聲明，屬性和值之間用英文冒號(hào)“：”分隔。當(dāng)有多條聲明時(shí)，中間可以英文分號(hào)“;”分隔，如下所示：
p{font-size:12px;color:red;}
查看全部 -
優(yōu)先級(jí)：? ?內(nèi)聯(lián)式?>?嵌入式 > 外部式
但是嵌入式>外部式有一個(gè)前提：嵌入式css樣式的位置一定在外部式的后面。如右代碼編輯器就是這樣，<link href="style.css" ...>代碼在<style type="text/css">...</style>代碼的前面（實(shí)際開(kāi)發(fā)中也是這么寫(xiě)的）。感興趣的小伙伴可以試一下，把它們調(diào)換順序，再看他們的優(yōu)先級(jí)是否變化。
其實(shí)總結(jié)來(lái)說(shuō)，就是--就近原則（離被設(shè)置元素越近優(yōu)先級(jí)別越高）。
但注意上面所總結(jié)的優(yōu)先級(jí)是有一個(gè)前提：內(nèi)聯(lián)式、嵌入式、外部式樣式表中css樣式是在的相同權(quán)值的情況下，什么是權(quán)值呢？在后面的小節(jié)中會(huì)講解到。
查看全部 -
外部式css樣式
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫(xiě)一個(gè)單獨(dú)的外部文件中，這個(gè)css樣式文件以“.css”為擴(kuò)展名，在<head>內(nèi)（不是在<style>標(biāo)簽內(nèi)）使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)，如下面代碼：
<link href="base.css" rel="stylesheet" type="text/css" />
注意：
1、css樣式文件名稱以有意義的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是? ?固定寫(xiě)法不可修改。
3、<link>標(biāo)簽位置一般寫(xiě)在<head>標(biāo)簽之內(nèi)。
查看全部 -
嵌入式css樣式
嵌入式css樣式，就是可以把css樣式代碼寫(xiě)在<style type="text/css"></style>標(biāo)簽之間。如下面代碼實(shí)現(xiàn)把三個(gè)<span>標(biāo)簽中的文字設(shè)置為紅色：
<style type="text/css">
span{
color:red;
}
</style>嵌入式css樣式必須寫(xiě)在<style></style>之間，并且一般情況下嵌入式css樣式寫(xiě)在<head></head>之間。如右邊編輯器中的代碼。
查看全部 -
內(nèi)聯(lián)式css樣式表? ? ?就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中，如下面代碼：
<p >這里文字是紅色。</p>
注意要寫(xiě)在元素的開(kāi)始標(biāo)簽里，下面這種寫(xiě)法是錯(cuò)誤的：
<p>這里文字是紅色。</p >
并且css樣式代碼要寫(xiě)在雙引號(hào)中，如果有多條css樣式代碼設(shè)置可以寫(xiě)在一起，中間用分號(hào)隔開(kāi)。如下代碼：
<p >這里文字是紅色。</p>
查看全部 -
重置按鍵
<input?type="reset"?value="重置">
查看全部 -
提交按鈕
<input ? type="submit" ? value="提交">
type：只有當(dāng)type值設(shè)置為submit時(shí)，按鈕才有提交作用
value：按鈕上顯示的文字
查看全部 -
下拉標(biāo)簽
1、select和option標(biāo)簽都是雙標(biāo)簽，它總是成對(duì)出現(xiàn)的，需要首標(biāo)簽和尾標(biāo)簽。
2、select標(biāo)簽里面只能放option標(biāo)簽，表示下拉列表的選項(xiàng)。
3、option標(biāo)簽放選項(xiàng)內(nèi)容，不放置其他標(biāo)簽。
4、value：
5、selected="selected"：
設(shè)置selected="selected"屬性，則該選項(xiàng)就被默認(rèn)選中。
查看全部 -
<input ? type="radio/checkbox" ? value="值" ? ?name="名稱" ? checked="checked"/>
1、type:
?? 當(dāng)?type="radio"?時(shí)，控件為單選框
?? 當(dāng)?type="checkbox"?時(shí)，控件為復(fù)選框
2、value：提交數(shù)據(jù)到服務(wù)器的值（后臺(tái)程序PHP使用）
3、name：為控件命名，以備后臺(tái)程序 ASP、PHP 使用
4、checked：當(dāng)設(shè)置 checked="checked" 時(shí)，該選項(xiàng)被默認(rèn)選中
注意：同一組的單選按鈕，name 取值一定要一致。
查看全部 -
italic是字體系列(比如宋體，楷體)里的斜體，而oblique是字體傾斜效果，對(duì)于沒(méi)有斜體的字體系列使用oblique實(shí)現(xiàn)斜體效果
查看全部 -
<form ? method="傳送方式" ? action="服務(wù)器文件">
所有表單控件（文本框、文本域、按鈕、單選框、復(fù)選框等）都必須放在 <form></form> 標(biāo)簽之間（否則用戶輸入的信息可提交不到服務(wù)器上哦?。?/p>
查看全部 -
1、<thead>?標(biāo)簽定義表格的表頭。該標(biāo)簽用于組合 HTML 表格的表頭內(nèi)容。
2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加載完后才顯示。加上這些表格結(jié)構(gòu)， tbody包含行的內(nèi)容下載完優(yōu)先顯示，不必等待表格結(jié)束后在顯示，同時(shí)如果表格很長(zhǎng)，用tbody分段，可以一部分一部分地顯示。（通俗理解table 可以按結(jié)構(gòu)一塊塊的顯示，不在等整個(gè)表格加載完后顯示。）
3、<tfoot>?元素用于對(duì) HTML 表格中的表注（頁(yè)腳）內(nèi)容進(jìn)行分組。
4、thead、tfoot 以及 tbody 元素使您有能力對(duì)表格中的行進(jìn)行分組。當(dāng)您創(chuàng)建某個(gè)表格時(shí)，您也許希望擁有一個(gè)標(biāo)題行，一些帶有數(shù)據(jù)的行，以及位于底部的一個(gè)總計(jì)行。這種劃分使瀏覽器有能力支持獨(dú)立于表格標(biāo)題和頁(yè)腳的表格正文滾動(dòng)。當(dāng)長(zhǎng)的表格被打印時(shí)，表格的表頭和頁(yè)腳可被打印在包含表格數(shù)據(jù)的每張頁(yè)面上。
查看全部
舉報(bào)