導航:首頁 > 萬維百科 > 網頁設計中選擇符的應用區別

網頁設計中選擇符的應用區別

發布時間:2021-03-30 15:22:29

1、網頁設計中通配符的作用?什麼時候用?

通配符是一類鍵盤字元,有星號(*)和問號(?).
當查找文件夾時,可以使用它來代替一個或多個真正字元;當不知道真正字元或者不想建入完整名字時,常常使用通配符代替一個或多個真正字元。
星號(*):可以使用星號代替0個或多個字元。如果正在查找以AEW開頭的一個文件,但不記得文件名其餘部分,可以輸入AEW*,查找以AEW開頭的所有文件類型的文件,如AEWT.txt、AEWU.EXE、AEWI.dll等。要縮小范圍可以輸入AEW*.txt,查找以AEW開頭的所有文件類型並.txt為擴展名的文件如AEWIP.txt、AEWDF.txt。
問號(?):可以使用問號代替一個字元。如果輸入love?,查找以love開頭的一個字元結尾文件類型的文件,如lovey、lovei等。

2、CSS 選擇器有哪些,在網頁設計中如何選擇使用

<div id="demo">
<div class="inner">
<p><a href="#">鏈接</a></p>
<p><input type="checkbox" name="" id="" /></p>
</div>
</div>
class 選擇器 .inner{ width:100px;}
id 選擇器 #demo{ width:100px;}
標簽 選擇器 p{ width:100px;}
後代選擇器 p a{ color: #f60;}
偽類選擇器 a:hover{ color: #f00;}
偽元素選擇器 a:after{ clear: both;}
屬性選擇器 input[type=checkbox]{ margin-left: 10px;}
css3選擇器
由於ie的問題,比較常用的是前4種選擇器。

3、ID選擇符和類別選擇符有什麼區別

ID:ID選擇符
定義單獨、獨一無二的元素標識,比如導航條、logo等。

Class:類別選擇符
定義常用、相同、類似的元素標識,比如文字、段落布局有多段文字的樣式相同,那麼這時候,好比如「百度知道」上面的「新聞」、「網頁」……那一行文字就是相同的樣式

4、web里選擇符的應用區別

30個你必須記住的CSS選擇符
http://www.open-open.com/lib/view/open1429583085104.html

5、關於網頁設計里的三種基本選擇器和三種復合選擇器分別是什麼?舉例下~

1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用於聲明網頁中有P標記的文本內容,同理,H1選擇器則可以標記頁面中H1的樣式。例如:H1 { font-size:14px;font-weight:bold;color:#ccc;}以上代碼表示在所有應用H1選擇器的地方,將文字的大小設為14像素並加粗,同時將顏色設為灰色,如果要改變H1的顏色,只需將color屬性更改就可以了,比如將color設為#e7eefe來與網頁的其他地方協調。2.類別選擇器這是一類最常用的選擇器,用它來定義網頁中需要特殊表現的樣式,類別選擇器的名稱可以由作者自由定義,一般來講類別選擇器的命名最好有一定的意義,使CSS代碼更易維護和閱讀。例如定義導航就可以使用.hang{}或者是.nav{},不要使用簡略或者特殊的字元串,否則可能三天後當你再讀你的CSS代碼時,就連你自己都搞不清一個樣式到底是做什麼用的!類別選擇器就是CSS類,在HTML表現為調用的class。例如:(1)style.css文件中定義.title { margin:10px;padding:2px 5px;}(2)HTML文件中<p class="title"></p>在上述定義中,p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px,上下padding為2px,左右padding為5px的矩形。請注意類別選擇器CSS定義和標記選擇器的區別:在CSS文件中,標記選擇器前邊沒有"."號,下面我們還會講到ID選擇器,它的定義也不一樣,每個ID選擇器樣式前有一個"#"號,以確定其為ID選擇器,而在HTML中則用ID="style"引用。值得注意的是,一個標簽可以同時應用多個class選擇器,如<h3 class="style1 style2"></h3>,具體大家可以在下邊思考並做下實驗,筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別,他們的不同之處就在於ID選擇器只能在HTML頁中使用一次,而class則可以任意多次調用,在CSS文件中,ID 選擇器一般寫成#idname { bgcolor:#339;font-size:16px;}如果一個ID應用於多個HTML標記,則有可能造成IE編譯錯誤,並且由於ID選擇器可以被JAVASCRIPT等調用,所以多個ID會導致JAVA編譯錯誤並崩潰!(2)HTML的引用在HTML中引用ID選擇器的代碼如下所示:<div id="name"></div>並且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。復合選擇器就是兩個或多個基本選擇器,通過不同方式鏈接而成的選擇器。

6、網頁設計中標簽選擇器,類選擇器,ID選擇器,組合選擇器區別在哪裡?

class 是類選擇器
id 是id選擇器
都是在css定義類名的時候用到,原則上都可以用,但是一般用類選擇器,用id可能與後台程序id類重名

7、計算機,網頁設計中CSS各選擇器的含義,用途和不同,尤其是復合內容選擇器?

1元素選擇器
HTML文檔的元素名稱就是元素選擇器。 1)語法,例如:html<color:black;>、h1{color:blue;}、p{color:silver;} 2)缺點:不同的元素樣式相同,即不能跨元素。所以做不到同一類元素下的細分。

2類選擇器
自定義的某種選擇器。 1)語法:.className{樣式聲明} 例如:.myClass{ background-color:pink;font-size:47px; } <h2>h2中的文本</h2> <p>p中的文本</p>
注意事項:
html文件中,所有元素都有一個class屬性,如:<p></p>
類選擇器還一種用法:<div id="d1"class="s1 s2">hello</div>,樣式s1和樣式s2對div共同起作用。

3分類選擇器
將類選擇器和元素選擇器結果起來使用,以實現同一類元素下不同樣式的細分控制。如<input>元素,又有按鈕又有文本框的,採用分類選擇器。 1)語法:元素選擇器.className{樣式聲明} 例如: p.myClass{ color:red;font-size:27px } <h2>h2中的文本</h2> <p>p1中的文本</p> <p>p2中的文本</p>

4元素id選擇器
以某個元素id的值作為選擇器。比較特殊的、頁面整體結構的劃分一般使用id選擇器。 1)語法:定義id選擇器時,選擇器前面需要有一個「#」號,選擇器本身則為文檔中某個元素的id屬性的值。 例如:#header{ color:red;background:yellow; } <h1 id="header">This is Title<h1>
u 注意事項:
v html文件中,所有元素都有一個id屬性。且某個id選擇器僅使用一次。

5派生選擇器
依靠元素的層次關系來定義。某一包含元素下的一些相同子元素使用派生選擇器。 1)語法:通過依據元素在其位置的上下文關系來定義樣式,選擇器一端包括兩個或多個用空格分隔的選擇器。 例如:h1 span{color:red;} <h1>This is a<span>important</span>heading</h1>

6選擇器分組
對某些選擇器定義一些統一的設置(相同的部分)。 1)語法:選擇器聲明為以逗號隔開的元素列表。 例如:h1,p,div{ border:1px solid black;}

7偽類選擇器
偽類用於向某些選擇器添加特殊的效果。 1)語法:使用冒號「:」作為結合符,結合符左邊是其他選擇器,右邊是偽類。 2)常用偽類:有些元素有不同的狀態,典型的是<a>元素。 ①:link:未訪問過的鏈接 ②:active:激活 ③:visited:訪問過的鏈接 ④:hover:懸停,滑鼠移入,所有元素都能用 ⑤:focus:獲得焦點 例如:a:link{ color:black;font-size:20px; } a:visited{ color:pink;font-size:20px; } a:hover{ font-size:27px; } a:active{ color:red; }

8選擇器優先順序
1)基本規則:內聯樣式 > id選擇器 > 類選擇器 > 元素選擇器
2)優先順序從低到高排序:
div < .class < div.class < #id < div#id < #id.class < div#id.class 例如:<div id="id" style="color:black;"></div>

8、網頁設計中選擇符作用在於定義CSS的名稱,以便引用。在CSS中主要哪些選擇符?

因為低版本IE瀏覽器的存在(不支持部分選擇器),所以能用到的並不多。
常用的有:
標簽選擇器:p{...}(可以是任何標簽,這里拿p標簽舉例)
id選擇器:#id{...}
類選擇器:.class{...}
父子選擇器:.class p{...} 或者 #id .class p{...}(等等)

還有許多選擇器器,你可以百度「CSS選擇器」來看看詳細的解釋。

與網頁設計中選擇符的應用區別相關的知識