css類(lèi)選擇器失效,css中none是什么?
none本意是【沒(méi)有】的意思,在css中,表示令某個(gè)元素失效。
常用于display、border、outline、list-style等屬性中。
display:none; 表示設(shè)置元素不顯示。
border: none; 表示不顯示元素的邊框。
outline: none; 表示不顯示輸入框和按鈕獲取焦點(diǎn)后的邊框。
list-style: none; 表示不顯示ul、ol等列表項(xiàng)前面的符號(hào)。
類(lèi)選擇器語(yǔ)法?
1. 標(biāo)簽名選擇器 div { color:Red;} 即頁(yè)面中的各個(gè)標(biāo)簽名的css樣式 2.類(lèi)選擇器 .divClass {color:Red;} 即定義的每個(gè)標(biāo)簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁(yè)面中的標(biāo)簽的id 4.后代選擇器(類(lèi)選擇器的后代選擇器) .divClass span { color:Red;} 即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標(biāo)簽分組顯示
為什么覺(jué)得前端的CSS很難?
為什么覺(jué)得前端的CSS很難?這應(yīng)該是我剛開(kāi)始想從事前端開(kāi)發(fā)時(shí)遇到的問(wèn)題,難就難在對(duì)標(biāo)簽屬性掌握的不全,什么時(shí)候該用哪個(gè)標(biāo)簽想不起來(lái),我想你也應(yīng)該是遇到跟我一樣的問(wèn)題。
問(wèn)題所在“工欲善其事必先利其器”,如果你想寫(xiě)出很好看的靜態(tài)頁(yè)面,這里不包括頁(yè)面的JS交互,就必須掌握頁(yè)面的CSS布局,然后對(duì)其DOM結(jié)構(gòu)進(jìn)行CSS編寫(xiě),從而讓它變得規(guī)整,好看起來(lái),那么在這中間就需要大量的CSS標(biāo)簽。
找到問(wèn)題所在,就要對(duì)癥下藥(例如,你想要讓DIV中的幾個(gè)div均勻的分布在一行,并且隨著屏幕的寬度自動(dòng)排版,不會(huì)出現(xiàn)div亂跑的結(jié)果,這時(shí)候你就要用到display:flex CSS屬性,如果想要各個(gè)瀏覽器都兼容,你就要針對(duì)不同的瀏覽器寫(xiě)不同的CSS屬性,例如針對(duì)Google,就要寫(xiě)display:-webkit-flex等等)。
所以說(shuō)一定要對(duì)CSS的那些標(biāo)簽屬性了如指掌,那樣下次你找到問(wèn)題所在后,你就可以想到用什么CSS標(biāo)簽,試想,你連那些CSS屬性代表什么含義都不知道,你如何去用它。
因此把那些CSS標(biāo)簽好好過(guò)一遍,這樣以來(lái),下次想寫(xiě)什么布局,想實(shí)現(xiàn)什么的樣式,你就會(huì)想到該用什么CSS標(biāo)簽。
學(xué)習(xí)方法跟你說(shuō)說(shuō)我那時(shí)候?qū)W習(xí)CSS的方法,我再W3C菜鳥(niǎo)教程上把所有的CSS標(biāo)簽都認(rèn)真過(guò)了一遍,簡(jiǎn)單的應(yīng)用了一下,并沒(méi)有組合起來(lái)使用。
過(guò)了一遍后,我就還是挑選一個(gè)完整的頁(yè)面,寫(xiě)的京東商城的頁(yè)面,仿照它的頁(yè)面寫(xiě)了一下,全是靜態(tài)頁(yè)。按照它頁(yè)面的布局就開(kāi)始寫(xiě),因?yàn)樗呀?jīng)有CSS樣式了,所以自己寫(xiě)的時(shí)候,不會(huì)就看它寫(xiě)的樣式,這樣一來(lái)又把所有的標(biāo)簽過(guò)了一遍,還把所有的標(biāo)簽整合起來(lái)使用了。
總之,熟能生巧,用的多了,自然就熟練了,那個(gè)地方改用什么標(biāo)簽就知道了,還是練得少。
CSS只是前端路上的基石,最基礎(chǔ)的東西了,必須要掌握熟練,不然在前端路上很難走下去,如果連這也覺(jué)得難,那勸你還是放棄前端這條路吧。
css選擇器標(biāo)簽不能嵌套?
css選擇器標(biāo)簽可以嵌套,比如可以在類(lèi)選擇器里面選擇id的元素,這樣就是選擇器的嵌套。