css中id選擇器以什么開頭，css中內(nèi)容模塊class用什么？
CSS中內(nèi)容模塊class用樣式選擇符“.”(英文半角輸入句號(hào))。
class類標(biāo)記，可以用于被多個(gè)元素調(diào)用(以“.”選擇符命名樣式可以一個(gè)頁面使用多次)是類標(biāo)簽，在同一個(gè)頁面可以調(diào)用無數(shù)次（沒限制的），在CSS里用“.”表示。
ID就像一個(gè)人的身份證，用于識(shí)別這個(gè)DIV的，Class就像人身上穿的衣服，用于定義這個(gè)DIV的樣式。一般一個(gè)網(wǎng)頁不設(shè)二個(gè)或二個(gè)以上同ID的div，但Class可以多個(gè)DIV用同一個(gè)Class。
標(biāo)簽選擇器有哪些？
1. 標(biāo)簽名選擇器 div { color：Red;} /即頁面中的各個(gè)標(biāo)簽名的css樣式
2.類選擇器 .divClass {color:Red;} /即定義的每個(gè)標(biāo)簽的class 中的css樣式
3.ID選擇器 #myDiv {color:Red;} /即頁面中的標(biāo)簽的id
4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} /即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽
5.群組選擇器 div,span,img {color:Red} /即具有相同樣式的標(biāo)簽分組顯示
網(wǎng)頁制作中name和id的區(qū)別是什么？
“ID就像是一個(gè)人的身份證號(hào)碼，而Name就像是他的名字，ID顯然是唯一的，而Name是可以重復(fù)的。”
id 在HTML中的作用:
1、用id選擇相應(yīng)的style sheet(風(fēng)格).
2、 <A ..> 鏈接的目的地
3、腳本語言用它找目的地(找該id的標(biāo)簽)
4、作為名字,用于聲明某OBJECT element
5、作為一個(gè)標(biāo)簽或塊的區(qū)分標(biāo)致(用于從HTML網(wǎng)頁中取出數(shù)據(jù)放入數(shù)據(jù)庫或把HTML翻譯成別的格式,等情況).
name原來是為了標(biāo)識(shí)之用，但是現(xiàn)在根據(jù)規(guī)范，都建議用id來標(biāo)識(shí)元素。但是name在以下用途是不能替代的：
1、表單（form）的控件名，提交的數(shù)據(jù)都用控件的name而不是id來控制。因?yàn)橛性S多name會(huì)同時(shí)對應(yīng)多個(gè)控件，比如checkbox和radio，而id必須是全文檔中唯一的。此外瀏覽器會(huì)根據(jù)name來設(shè)定發(fā)送到服務(wù)器的request。因此如果用id，服務(wù)器是無法得到數(shù)據(jù)的。
2、frame和window的名字，用于在其他frame或window指定target。
以下兩者可以通用，但是強(qiáng)烈建議用id不要用name：
錨點(diǎn)，通常以前寫作<a name="myname">，現(xiàn)在可以用任何的元素id來指定：<div id="myid">。
以下只能用id：
1、label與form控件的關(guān)聯(lián)，
<label for="MyInput">My Input</label>
<input id="MyInput" type="text">
for屬性指定與label關(guān)聯(lián)的元素的id，不可用name替代。
2、CSS的元素選擇機(jī)制，以#MyId的方式指定應(yīng)用樣式的元素，不能用name替代。
3、腳本中獲得對象：
IE支持在腳本中直接以id（而不是name）引用該id標(biāo)識(shí)的對象。例如上面的input，要在腳本中獲得輸入的內(nèi)容，可以直接以MyInput.value來獲得。
如果用DOM的話，則用document.getElementById("MyInput").value，如果要用name的話，通常先得到包含控件的form，例如document.forms[0]，然后從form再引用name，注意這樣得到的是經(jīng)過計(jì)算后將發(fā)送給服務(wù)器的值。
怎么把輪播圖的圖片改成用ajax請求的？
1. 清除浮動(dòng)
我對清除浮動(dòng)的理解是這樣的，
要想清除浮動(dòng)，首先要知道什么是浮動(dòng)，我們在做app，pc端頁面的時(shí)候，它里面有這個(gè)塊元素和內(nèi)聯(lián)元素，尤其塊元素在布局的時(shí)候，文檔流的形式往下刷，這種形勢下呢，每一個(gè)塊元素都是獨(dú)占一行的，要想改變這種現(xiàn)狀，比如說，abc 我們給ab浮動(dòng)，ab并列排列，ab浮動(dòng)之后呢，對c會(huì)產(chǎn)生影響，這時(shí)候我們就要給c加上clearboth清除浮動(dòng)，這樣做就是要使ab浮動(dòng)產(chǎn)生的影響，不要影響到c，這是清除浮動(dòng)的作用，那么清除浮動(dòng)往往與什么有關(guān)系呢，比如說與我們的一些特效，比如圖片輪播比如tab切換，這些特效的時(shí)候，往往需要我們用浮動(dòng)去控制他，所以這是我們在使用浮動(dòng)當(dāng)中，清除浮動(dòng)的工作內(nèi)容，另外，清除浮動(dòng)有很多種方式，比較常見的有clearboth overflowhidden,after偽類,最后，清除浮動(dòng)有優(yōu)勢也有缺點(diǎn)，那么我認(rèn)為他的缺點(diǎn)是，有時(shí)候在某些瀏覽器使用的時(shí)候會(huì)不起作用，會(huì)失效，當(dāng)然說這個(gè)缺點(diǎn)不是不可以解決的，可以通過整理上下文，或者使用其他的清除浮動(dòng)方式來解決。
這就是我對清除浮動(dòng)的理解。
2. DIV CSS display (block none inline)屬性的用法！
我對DIV CSS中display的看法是這樣的：
display常見的值有四個(gè)block、none、inline、inline-block，常見的用法有兩種，一種是元素的隱藏與顯示之間的切換，這是none和block之間的切換，另一種是塊元素和行元素之間的轉(zhuǎn)換；
第一種用法主要用在一些效果當(dāng)中，比如說table的切換，又比如說隔行變色，它都是用到這種用法，所以說它與效果有一些關(guān)系，另外的話是display:block和display:inline的切換，因?yàn)槲覀冎老駍pan、a等行標(biāo)簽，在默認(rèn)情況下改變寬高是沒有效果的，這種時(shí)候我們就要把span等行元素轉(zhuǎn)換成block元素，然后再設(shè)置寬高就會(huì)行之有效，另外有時(shí)候我們需要把像div、form表單等塊元素轉(zhuǎn)換成inline元素，也是有效的，總之一句話，我們?yōu)榱藢?shí)現(xiàn)元素之間的切換常用這個(gè)用法。display還有一種比較常用的用法是它經(jīng)常加position、z-index、overflow:hidden去實(shí)現(xiàn)各種各樣的效果，比如說頁面的手風(fēng)琴效果、圖片無縫輪播的效果等，都是這些屬性聯(lián)合起來實(shí)現(xiàn)的。
以上就是我對display的看法。
3. 關(guān)于網(wǎng)頁編碼的理解！
我對網(wǎng)頁編碼的理解是這樣的：
在國內(nèi)，我們常用的編碼有3種，分別是utf-8，GB2312，GBK。utf-8是國際標(biāo)準(zhǔn)字符集，它里面包含了一些國際上常用的一些語言，以及一些特殊符號(hào)、字符集等；但我們國家也有這種類似的語言協(xié)會(huì)，它概括的是GBK，叫做中文字符集，它涵蓋了中文，把那些多余的比如希臘文、法文就去掉了，只保留一些常用的，如中文、英文字母，還有一些日文、韓文這些常用的語言，以及一些特殊符號(hào)；GB2312我們叫做簡體中文字符集，是在GBK的范圍上又提煉了一些。
以上就是我對網(wǎng)頁編碼的理解。
4. 了解外邊距疊加的相關(guān)問題
我對外邊距疊加的理解是這樣的：
首先，外邊距合并指的是，當(dāng)兩個(gè)垂直外邊距相遇時(shí)，它們將形成一個(gè)外邊距。合并后的外邊距的高度等于兩個(gè)發(fā)生合并的外邊距的高度中的較大者。
觸發(fā)條件：a)當(dāng)一個(gè)元素出現(xiàn)在另一個(gè)元素上面時(shí)，第一個(gè)元素的下外邊距與第二個(gè)元素的上外邊距會(huì)發(fā)生合并。b)當(dāng)一個(gè)元素包含在另一個(gè)元素中時(shí)（假設(shè)沒有內(nèi)邊距或邊框把外邊距分隔開），它們的上和/或下外邊距也會(huì)發(fā)生合并。
注釋：只有普通文檔流中塊框的垂直外邊距才會(huì)發(fā)生外邊距合并。行內(nèi)框、浮動(dòng)框或絕對定位之間的外邊距不會(huì)合并。
以上就是我對外邊距疊加的理解。
5. img的title和alt的異同！
我對img的title和alt的理解是這樣的：
(1)、含義不同
alt：使用alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明，也就是圖片顯示不了的時(shí)候顯示的文字。
title：圖片正常顯示時(shí)，鼠標(biāo)懸停在圖片上方顯示的提示文字。
(2)、在瀏覽器中的表現(xiàn)不同
在firefox和ie8中，當(dāng)鼠標(biāo)經(jīng)過圖片時(shí)title值會(huì)顯示，而alt的值不會(huì)顯示;只有在ie6中，當(dāng)鼠標(biāo)經(jīng)過圖片時(shí)title和alt的值都會(huì)顯示。
以上就是我對img的title和alt的理解。
6. 請例舉css中position的參數(shù)和作用？
我對css中position的理解是這樣的：
position是用來定位的，常見的值有四個(gè)，它們分別是：static、absolute、fixed、relative。
static是相對于默認(rèn)位置去定位的，fixed是相對于瀏覽器窗口定位的，而我們最常用的有兩個(gè)，一個(gè)是absolute，一個(gè)是relative，relative是相對定位，是相對于自身的原來的位置定位的，不會(huì)對文檔流產(chǎn)生影響，也就是說A和B兩個(gè)元素堆疊放置的時(shí)候，如果給A元素relative屬性，加top和left值以后對B是沒有影響的，但A漂移走了；absolute是絕對定位，如果父元素有position屬性，這個(gè)元素相對于父元素定位的，如果父元素沒有position屬性，這個(gè)元素相對于body定位的，而且它這個(gè)定位會(huì)對后面的元素產(chǎn)生元素，它是脫離文檔流的，脫離文檔流以后其他元素是會(huì)來補(bǔ)缺的，把這個(gè)位置填充掉。總而言之，position和display一樣也是常用在各種特效當(dāng)中，我們常用的就是absolute和relative,它經(jīng)常和overflow:hidden、z-index、left、top等屬性聯(lián)合使用，去實(shí)現(xiàn)一些圖片堆疊的效果，比如說常見的折頁效果，輪播圖等效果都用到這個(gè)屬性。
position在使用的過程中有兩個(gè)問題需要注意，第一、因?yàn)槲覀兊臑g覽器分為IE和非IE瀏覽器，在標(biāo)準(zhǔn)的W3C盒模型下和IE盒模型下像素的解釋是不一樣的，這就說明一個(gè)問題，在定位的時(shí)候，如果同樣都是left:100px，那到了IE6、IE7下就可能不是left:100px,而變成left:102px了，這可了不得，是致命的缺點(diǎn)，所以要在left前加*，來解決這一問題。第二，我們在使用position時(shí)最關(guān)鍵的一點(diǎn)是，在配合其他屬性的時(shí)候一定要注意position是使用相對定位還是絕對定位，包括父元素是相對定位還是絕對定位。
以上就是我對css中position的理解。
7. css選擇器的權(quán)重和優(yōu)先規(guī)則！
對于優(yōu)先級(jí)我是這么理解的，
包括選擇器的樣式，包括調(diào)用樣式的一些方式的判斷，決定了樣式有一些執(zhí)行次序的問題，從優(yōu)先級(jí)的角度來說的話，誰的優(yōu)先級(jí)最高呢，當(dāng)然是內(nèi)聯(lián)的優(yōu)先級(jí)最高，在這種情況下，比如說id class派生有其他的一些優(yōu)先級(jí)的排序方式，所以他的優(yōu)先級(jí)一般是按照這樣的排序方式來進(jìn)行。當(dāng)然在這個(gè)里面，執(zhí)行完優(yōu)先級(jí)以后，他還有一個(gè)權(quán)值的問題，內(nèi)聯(lián)樣式的權(quán)值是1000，ID是100，class是10，標(biāo)簽是1，那么這些優(yōu)先級(jí)包括這個(gè)權(quán)值的問題，兩個(gè)結(jié)合起來，我們一般呢，在寫項(xiàng)目的時(shí)候也有可能是這樣的，一個(gè)元素又有id又有class或者又有一些其他的選擇方式，那么在選中這些元素以后呢，他所有的選擇方式其實(shí)是一種結(jié)合使用的方式，這個(gè)時(shí)候就要講究優(yōu)先的次序了，所以頁面中寫樣式的時(shí)候他就會(huì)前后次序清晰，不會(huì)出現(xiàn)樣式?jīng)_突這種現(xiàn)象
這就是我對樣式優(yōu)先級(jí)和權(quán)值的一個(gè)理解。
8. 內(nèi)聯(lián)和!important哪個(gè)優(yōu)先級(jí)高？
我的理解是這樣的：
首先，肯定是!important優(yōu)先級(jí)高。
!important是CSS1就定義的語法，作用是提高指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)，。語法格式{ cssRule !important }，即寫在定義的最后面，例如：box{color:red !important;}
在CSS中，通過對某一樣式聲明! important ，可以更改默認(rèn)的CSS樣式優(yōu)先級(jí)規(guī)則，使該條樣式屬性聲明具有最高優(yōu)先級(jí)，也就是相當(dāng)于寫在最下面。
ie7,ie8,firefox,chrome等高端瀏覽器下，已經(jīng)可以識(shí)別 !important屬性， 但是IE 6.0仍然不能完全識(shí)別.!important的樣式屬性和覆蓋它的樣式屬性單獨(dú)使用時(shí)(不在一個(gè){}里)，IE 6.0認(rèn)為!important優(yōu)先級(jí)較高，否則當(dāng)含!important的樣式屬性被同一個(gè){}里的樣式覆蓋時(shí)，IE 6.0認(rèn)為!important較低!
以上就是我對這個(gè)問題的理解。
9. table標(biāo)簽中border，cellpadding,td 標(biāo)簽中colspan , rowspan分別起什么作用？
我是這樣理解這個(gè)問題的：
table border:表格邊框， table-cellpadding: 單元格填充
td colspan:單元格縱向合并（列與列）， table-rowspan: 單元格橫向合并（行與行）
以上就是我對這個(gè)問題的理解。
10. 實(shí)現(xiàn)三列布局的三種方法，具體描述？
我是這樣理解這個(gè)問題的：
(1)、絕對定位法
這或許是三種方法里最直觀，最容易理解的：左右兩欄采用絕對定位，分別固定于頁面的左右兩側(cè)，中間的主體欄用左右margin值撐開距離。于是實(shí)現(xiàn)了三欄自適應(yīng)布局。
(2)、margin負(fù)值法
首先，中間的主體要使用雙層標(biāo)簽。外層div寬度100%顯示，并且浮動(dòng)（本例左浮動(dòng)，下面所述依次為基礎(chǔ)），內(nèi)層div為真正的主體內(nèi)容，含有左右210像素的margin值。左欄與右欄都是采用margin負(fù)值定位的，左欄左浮動(dòng)，margin-left為-100%，由于前面的div寬度100%與瀏覽器，所以這里的-100%margin值正好使左欄div定位到了頁面的左側(cè)；右側(cè)欄也是左浮動(dòng)，其margin-left也是負(fù)值，大小為其本身的寬度即200像素。
（3）自身浮動(dòng)法
應(yīng)用了標(biāo)簽浮動(dòng)跟隨的特性。左欄左浮動(dòng)，右欄右浮動(dòng)，主體直接放后面，就實(shí)現(xiàn)了自適應(yīng)。
以上就是我對這個(gè)問題的理解。
11. IE與寬度和高度的問題
我是這樣理解這個(gè)問題的：
IE 不認(rèn)得min-這個(gè)定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來使。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器里這兩個(gè)值就不會(huì)變，如果只用min-width和min-height的話，IE下面根本等于沒有設(shè)置寬度和高度。
比如要設(shè)置背景圖片，這個(gè)寬度是比較重要的。要解決這個(gè)問題，可以這樣：#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
以上就是我對這個(gè)問題的理解。
12. 頁面的最小寬度
我是這樣理解這個(gè)問題的：
min -width是個(gè)非常方便的CSS命令，它可以指定元素最小也不能小于某個(gè)寬度，這樣就能保證排版一直正確。但I(xiàn)E不認(rèn)得這個(gè)，而它實(shí)際上把width當(dāng) 做最小寬度來使。為了讓這一命令在IE上也能用，可以把一個(gè)<div> 放到 <body> 標(biāo)簽下，然后為div指定一個(gè)類,
以上就是我對這個(gè)問題的理解。
13. DIV浮動(dòng)IE文本產(chǎn)生3象素的bug
我是這樣理解這個(gè)問題的：
左邊對象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會(huì)離左邊有3px的間距.
*html #left{ margin-right:-3px; //這句是關(guān)鍵}
以上就是我對這個(gè)問題的理解。
14. 高度不適應(yīng)
我是這樣理解這個(gè)問題的：
高度不適應(yīng)是當(dāng)內(nèi)層對象的高度發(fā)生變化時(shí)外層高度不能自動(dòng)進(jìn)行調(diào)節(jié)，特別是當(dāng)內(nèi)層對象使用margin 或padding 時(shí)。
解決方法2個(gè)：在P對象上下各加2個(gè)空的div對象CSS代碼：.1{height:0px;overflow:hidden;}
為DIV加上border屬性。
以上就是我對這個(gè)問題的理解。
15. 如何對齊文本與文本輸入框
我是這樣理解這個(gè)問題的：
加上 vertical-align:middle;
以上就是我對這個(gè)問題的理解。
16. web標(biāo)準(zhǔn)中定義id與class有什么區(qū)別嗎
我是這樣理解這個(gè)問題的：
id和class都是元素中的屬性，這也是每個(gè)元素都有的屬性，他們是應(yīng)用的很多領(lǐng)域中的，第一個(gè)應(yīng)用的領(lǐng)域是css領(lǐng)域，在css領(lǐng)域中，有id選擇器和class選擇器，id的優(yōu)先級(jí)要高于class，id選擇器是#加id，class選擇器是 . 加class，此外id的權(quán)重是100，class的權(quán)重是10，id要大于class；除了這個(gè)領(lǐng)域外在原生js中也是有使用的，而且使用的范圍還是很大的，一個(gè)是getElementById，一個(gè)是getElementsByClassName，而且在封裝像jQuery等其他語言中，也是有封裝類似于id、類似于class這種選擇器的，另外他們最核心的區(qū)別是用id選擇器只能選擇單個(gè)元素，而用class選擇器可以選擇多個(gè)元素，在js中，如果用class選擇的元素，往往是要遍歷元素才有效，才能在頁面渲染到這些數(shù)據(jù)，這就是他們倆之間的一些區(qū)別。所以在做項(xiàng)目的時(shí)候id和class我都用，但是我用的更多的是class，因?yàn)轫撁嫔侠淄脑靥嗔耍詂lass用的更多一些。
以上就是我對這個(gè)問題的理解。
17. LI中內(nèi)容超過長度后以省略號(hào)顯示的方法
我是這樣理解這個(gè)問題的：
此方法適用與IE與OP瀏覽器
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
以上就是我對這個(gè)問題的理解。
18. 為什么web標(biāo)準(zhǔn)中IE無法設(shè)置滾動(dòng)條顏色了
我是這樣理解這個(gè)問題的：
解決辦法是將body換成html
以上就是我對這個(gè)問題的理解。
19. 怎么樣才能讓層顯示在FLASH之上呢
我是這樣理解這個(gè)問題的：
解決的辦法是給FLASH設(shè)置透明
<param name="wmode" value="transparent" />
以上就是我對這個(gè)問題的理解。
20. 怎樣使一個(gè)層垂直居中于瀏覽器中
我是這樣理解這個(gè)問題的：
要使一個(gè)層垂直居中于瀏覽器中，有4種方法
1. 行高，缺點(diǎn)，需要高度，只能文字
2. 定位+margin負(fù)值，缺點(diǎn)，需要高度
3. 彈性盒子，缺點(diǎn)，css3新增屬性，不太兼容
4. 轉(zhuǎn)table，缺點(diǎn)，ie6不支持，利用table垂直居中的特性，配合vertical-align，垂直居中
5. Css+定位
以上就是我對這個(gè)問題的理解。
21. Div居中問題
我是這樣理解這個(gè)問題的：
div設(shè)置 margin-left, margin-right 為 auto 時(shí)已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級(jí)元素定義text-algin: center;這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中。
以上就是我對這個(gè)問題的理解。
22. 鏈接(a標(biāo)簽)的邊框與背景
我是這樣理解這個(gè)問題的：
a 鏈接加邊框和背景色，需設(shè)置 display: block, 同時(shí)設(shè)置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯(cuò)位, 若不設(shè) height, 可以在 menubar 中插入一個(gè)空格。
以上就是我對這個(gè)問題的理解。
23. 超鏈接訪問過后hover樣式就不出現(xiàn)的問題
我是這樣理解這個(gè)問題的：
被點(diǎn)擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個(gè)問題,解決方法是改變CSS屬性的排列順序: L-V-H-A
Code:
<style type="text/css">
<!--
a:link {}
a:visited {}
a:hover {}
a:active {}
-->
</style>
以上就是我對這個(gè)問題的理解。
24. 游標(biāo)手指cursor
我是這樣理解這個(gè)問題的：
cursor: pointer 可以同時(shí)在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以
以上就是我對這個(gè)問題的理解。
25. UL的padding與margin
我是這樣理解這個(gè)問題的：
ul標(biāo)簽在FF中默認(rèn)是有padding值的,而在IE中只有margin默認(rèn)有值,所以先定義 ul{margin:0;padding:0;}就能解決大部分問題
以上就是我對這個(gè)問題的理解。
26. FORM標(biāo)簽
我是這樣理解這個(gè)問題的：
這 個(gè)標(biāo)簽在IE中,將會(huì)自動(dòng)margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對上面兩個(gè)問題,我的css中一般首先都使用這樣的樣式ul,form{margin:0;padding:0;}給定義死了,所以后 面就不會(huì)為這個(gè)頭疼了.
以上就是我對這個(gè)問題的理解。