1、 css選擇器的繼承和優先級,前端培訓班要學習的內容有哪些?
前端現在技術很多,學習的內容也是很多,不過最最重要的部分還是HTML,CSS,JavaScript這三個。源碼時代前端培訓班主要內容包括:HTML&CSS:對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:布局、盒子模型、選擇器優先級及使用、documentflow(文檔流)、清除浮動,hasLayout和塊格式化上下文(block-formattincontexts)、reflow&repaint、硬件加速、HTML5(離線&存儲,多媒體,WebSockets,WebWorkers,HistoryAPI2D/3D繪圖)、CSS3、Flexbox、CSS預編譯、動畫、響應式布局、移動端開發JavaScript:數據類型、面向對象、數組、DOM、BOM、Function、繼承、閉包、內置對象、作用域、跨域、原型鏈、、JSON、XMLHttpRequest、RegExp、模塊化、內存泄漏、事件機制、異步裝載回調、模板引擎、前端MVC、NodeJS、JSON、ajax、框架、算法等其他(前端工程化\代碼規范\預編譯\前端框架\安全\優化\重構):HTTP、ES6、ES7、React、VUE、Angular、Backbone、Underscore、Flux、WebComponent、handlebars、Gulp/Grunt、Git、CDN、WEB安全、性能優化、項目重構、團隊協作、SEO、UED、技術架構、快速學習能力
2、 css如何設置兩個類名?
css設置兩個類名很簡單,需要兩個步驟:
一,樣式表css定義兩個類如下:.FontRed{color:red;}
.FontSize{font-size:250%}
二,body內引用
<p class="FontRed FontSize">我是紅色變大的字體</p>class類的使用:選擇符.類別名 {屬性:值}
類別名將可以在HTML的標識符里引用:
<標識符 class=類別名>網頁內容
類的特性繼承、多態、重載、封裝,所以使用時要考慮優先級!
3、 css后代選擇器可以寫幾個?
css后代選擇器可以寫5個,本來css的后代選擇器可以選擇多個,但是層級越深,效率越低,所以最好寫5個就行
4、 怎樣區分后代選擇器和子代選擇器?
1.第一從符號上來區分后代選擇器:是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器:用特殊符號> 例如 h1>span{}
2.第二從用法上區分后代選擇器html部分:<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫,后代是一代傳一代。
子代選擇器時效果圖:
后代選擇器時效果圖: