css 中的基礎(chǔ)選擇器包括哪些內(nèi)容,學(xué)JavaScript需要css和HTML的基礎(chǔ)嗎?
作為一個(gè)老IT人,可以回答一下這個(gè)問題。搞前端開發(fā)的人都知道,HTML,CSS,JavaScript是前端三劍客,是作為一個(gè)前端開發(fā)者必須要掌握的知識。在這里我們先說一下這三者在開發(fā)中的作用,可能解釋完以后你就會(huì)明白了。
圖一:
JavaScript,HTML和CSS三者的關(guān)系如果把制作的一個(gè)前端界面看成制作一個(gè)美女的話,那么HTML就是這個(gè)美女的骨架,它是支撐起掙界面布局的架子,身高多少,手腳多大等等這些都是HTML來完成的。CSS則是給這個(gè)美女填充上肌肉,穿上漂亮的衣服。雖然這個(gè)時(shí)候雖然已經(jīng)是成了人形但還不能動(dòng)?,F(xiàn)在就需要JavaScript出場了,JavaScript的作用就是讓這個(gè)人活起來,動(dòng)起來。
圖二:
JavaScript這個(gè)語言有個(gè)特別之處從上面的描述就可以看出來,JavaScript在前端中是不能單獨(dú)使用的,必須配合HTML和CSS。其實(shí)從單純的學(xué)習(xí)看來,JavaScript作為一種語言,學(xué)習(xí)起來和其他語言一樣,是不需要HTML和CSS基礎(chǔ)的。但是它又和其他后端語言不同,不能單獨(dú)用于開發(fā)。要體現(xiàn)它編程的效果,就得引入HTML和CSS。所以最后的出的結(jié)論就是要想學(xué)習(xí)JavaScript必須要會(huì)HTML和CSS。
圖三:
關(guān)于編程語言學(xué)習(xí)的一些心得最后在啰嗦幾句關(guān)于編程語言學(xué)習(xí)的心得。編程語言的學(xué)習(xí)首先充分的了解一下要這個(gè)語言,該語言的作用,以及類型。找一套完整的課程,一定要有項(xiàng)目的那種。邊學(xué)習(xí)邊自己動(dòng)手敲代碼,每一個(gè)知識點(diǎn)自己都要能敲出來,不能聽懂就可以了!要是能夠獨(dú)立的完成一個(gè)簡單項(xiàng)目的話,那就證明你已經(jīng)入門了,但是要應(yīng)聘一個(gè)前端的工作。光著三樣還不夠如圖三所示。還得學(xué)習(xí)一些其他框架作為支撐。
css兩大基本結(jié)構(gòu)?
CSS由若干條“規(guī)則”組成,每條規(guī)則有兩個(gè)部分:“選擇器”和“聲明塊”。如
h1 {color: red;
}
html5的CSS3選擇器中?
選擇父級下第一個(gè)元素和最后一個(gè)元素如:
aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa變紅色.list li:last-child{font-weight:bold;} //只有dddd變粗體怎樣區(qū)分后代選擇器和子代選擇器?
1.第一從符號上來區(qū)分后代選擇器:是用空格來分隔開來 例如<h1>一個(gè)<span>人</span>的戰(zhàn)爭</h1> 就是h1 span{}子代選擇器:用特殊符號> 例如 h1>span{}
2.第二從用法上區(qū)分后代選擇器html部分:<ul class="study"> <li>物理 <ul> <li>力學(xué)</li> <li>聲學(xué)</li> <li>電磁學(xué)</li> </ul> </li> <li>數(shù)學(xué) <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數(shù)學(xué)加一個(gè)紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學(xué) 聲學(xué) 電磁學(xué) 和數(shù)學(xué) 微積分 概率論博弈論都加一個(gè)紅色方框*/}這說明子代是他是單傳只給物理和數(shù)學(xué)就斷子絕孫,后代是一代傳一代。
子代選擇器時(shí)效果圖:
后代選擇器時(shí)效果圖: