如何提高css選擇器效率，前端開發html要掌握哪些知識？
網頁前端開發工程師就是與網頁打交到。下面幾個技能是必備的。
HTML寫網頁怎么離得開html，html也叫超文本標記語言，它包括很多標簽。通過標簽對文字，圖片，聲音，視屏等網頁元素進行格式化處理。html就是網頁的基礎。
CSSCSS是層疊樣式表的英文簡稱，CSS能夠對網頁的元素的位置進行排版，那些漂亮的網頁就是用CSS進行排版的，什么元素在什么位置都是通過CSS進行處理的，部分網頁的動態效果也是用css實現的，常見的loading樣式，鼠標進入圖片放大等效果都可以用CSS實現。網頁的布局離不開CSS。
JavascriptJavaScript簡稱js，是一款解釋型腳本語言，它對網頁的作用就是處理用戶事件的，比如網頁的元素被點擊后有什么效果，就需要利用js進行事件綁定。比如登錄界面，用戶輸入賬號密碼后點擊登錄。js就會處理這些事件，去訪問后臺拿到結果后判斷是否登錄成功。總之，js就是處理事件的。
前端框架前端框架就是對js的二次封裝，把常用的功能封裝起來，提高開發者的開發效率。
常見的前端框架有jquery：獨特的鏈式語法和簡潔的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展。
Bootstrap：讓頁面更加簡潔、直觀。是移動設備優秀的前端開發框架,讓網頁開發更迅速、更簡單。它還提供了優雅的HTML和CSS規范，有著豐富的網格布局系統以及大量的可重用組件，還支持JavaScript、jQuery插件以及組件定制等。
AngularJS：有很多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
Vue：Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
調試工具網頁寫好了，總是要看看效果的，這個時候調試工具是必要的，一般都是用瀏覽器進行調試，chrome，Firefox等主流瀏覽器的網頁調試方法都要會。
以上都學會了，就需要項目進行實戰了。
智能感知的意義？
智能制造經常提的那一套說法，第一步就是智能感知。這個東西說多了，有時候就容易忽視其中內在的本意，所以說，想細究智能感知這個事情。
（1）感知的核心是對生產異常或問題的感知
制造運行是一個系統性關聯的運行，一般意義上來說，很難說制造系統運行能夠按照我們預定的方式持續穩定的完成運行，其中必然會出現各種各樣的突發事件或者生產擾動。所以我感覺所謂的感知，很大程度上是對生產異常的感知。
（2）智能性主要體現在時間和關聯兩個維度
如果等到生產異常發生了，制造系統感知到這種異常，其實這是一種事后的。在這種情況下，我們一般按照一個既定的流程進行處理，其實就可以，這個其實稱不上什么智能的。因此，從時間維度上面來說，智能感知的智能性應該體現在事先。
從制造運行各個環節所產生的這種狀態。一般來說都是相對孤立的，或者說我們是一個一個上來的。但是由于制造系統的運行是屬于關聯性比較強的那種方式，因此這些獨立環節之間的狀態關聯，綜合起來對于制造系統運行可能會產生影響。因此，相對于單一環節單一狀態的顯式感知，這種多環節多狀態關聯的隱式感知是智能性的集中體現。
（3）智能感知需要系統性的思維
一般來說我們做事情都是希望這個事情在自己的一個嚴謹嚴密的體系下面，也就是說是希望能夠預先知道要感知哪些東西。雖然現在有所謂的大數據分析，能夠發現一些之前難以明顯感知到的那種規律或者規則，但這個畢竟可操作性不強。我認為這個方面的系統性思維主要體現為可靠性制造運行整體思維。
應該立足于形成制造系統運行的可靠性思維，建立業務運行的關聯因素圖譜，可以采用各種現成的分析工具，甚至可靠性工程中那種FMEA、故障分析樹及其求解方法（例如求解最小割集等），都可以拿來用。
css分類？
css 樣式表分類
一，樣式表分類
（1）內聯樣式【優先級最高】【常用】【代碼重復使用性最差】
（當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。）
（2）內嵌樣式表【優先級第二】【最不常用】【代碼重復使用性一般】
（當單個文件需要特別樣式時，就可以使用內嵌樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。）
（3）外部樣式表【優先級最低】【最常用】【代碼重復使用性最好】
（當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。）
I。先創建一個樣式表
II。寫入樣式表內容，調整樣式表位置
二。選擇器
每一條css樣式定義由兩部分組成，形式如下：
選擇器
{樣式}
在{}之前的部分就是“選擇器”。
“選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用于網頁中的哪些元素。
選擇器是選擇器，外部樣式表只是代碼位置
（1）類別選擇器（ class選擇器）【第二優先級】【最常用】
前面以"." 來標志，如：
.d1
{
color:red；
}
在HTML頁中：
【1】<div class="d1";>文字</div> 文字顏色為紅色
【2】<p class="d1";>文字</p > 文字顏色為紅色
定義了一個class類，將樣式應用到了元素中。
（2）id選擇器【第一優先級】【最常用】
前面以"#"來標志，如：
#d2
{
color:blue;
}
在HTML頁中：
<div class="d1" id="d2">文字</div> 文字顏色變為藍色 【id選擇器優先級高于類別選擇器】
（3）標簽選擇器（根據標簽名選擇）【第三優先級】【如果同時出現類別選擇器和id選擇器，按照優先級來及執行】【最不常用】
前面以"標簽名"來標志，如：
div
{
color：red；
}
在HTML頁中：
<div>文字<div> 文字顏色變為紅色
（4）復合選擇器【有id第一優先級/都是類別選擇器第二優先級】【最最常用】
[1]群組選擇器
當幾個元素樣式屬性一樣時，可以共同調用一個聲明，元素之間用逗號分隔。
.d1,#d2
{
color:red;
}
在HTML頁中：
【1】<div class="d1";>文字</div> 文字顏色為紅色
【2】<p id="d2";>文字</p > 文字顏色為紅色
使用群組選擇器，將會大大的簡化CSS代碼，將具有多個相同屬性的元素，合并群組進行選擇，定義同樣的CSS屬性，這大大的提高了編碼效率，同時也減少了CSS文件的體積。
[2]后代選擇器
后代選擇器也稱為包含選擇器，用來選擇特定元素或元素組的后代，將對父元素的選擇放在前面，對子元素的選擇放在后面，中間加一個空格分開。
.d1 #d2
{
color:blue;
}
在HTML頁中：
<div class="d1" id="d2">文字</div> 文字顏色變為藍色
后代選擇器是一種很有用的選擇器，使用后代選擇器可以更加精確的定位元素。
軟件測試自學學習路線圖？
軟件測試學習路線圖，先給你一張全的，之后再分一點點給你說。
軟件測試學習路線圖（整體的）
軟件測試視頻第一階段-前置基礎知識1、學習目標：學完后目標：熟悉計算機及測試理論的相關概念，掌握HTML，CSS及JS基礎語法及應用。2、知識點:
1）計算機基礎計算機組成部分、操作系統分類、B/S和C/S架構、常用DOS命令、服務器域名2）測試理論軟件測試的目的、軟件測試定義、軟件測試原則、產品質量模型、測試基本流程3）HTML基礎HTML基礎語法、標簽屬性、圖片標簽、超鏈接、錨點、表單4）CSS基礎CSS基礎語法、CSS四類選擇器、常用文字屬性、行高屬性、邊框、盒子模型、內外邊距5）JS基礎JS基礎語法、JS引入方式
軟件測試視頻篇第二階段-linux和數據庫1、學習目標：學完后目標：掌握linux的常用操作命令及數據庫的增刪改查，熟悉數據庫高級功能。熟悉非關系數據庫redis。2、知識點：1）LINUX（熟悉）操作系統介紹、操作系統發展歷史、CentOS圖形界面、文件和目錄、常用LINUX命令使用、vim文本編輯器的使用2）數據庫介紹（熟悉）數據庫基本概念、關系型數據庫介紹、MySQL安裝與使用、Navicat使用3）SQL語言（重點）數據表操作、數據操作-增刪改查、條件查詢、排序、聚合函數、分組、分頁、連接查詢、自關聯、子查詢、子查詢演練4）數據庫高級功能（了解）數據庫設計、命令行操作數據庫、函數、存儲過程、視圖、事務、索引、外鍵、用戶密碼軟件測試視頻篇第三階段-測試基礎1、學習目標：學完后目標：熟練掌握測試用例的設計方法及缺陷的編寫方法，熟練掌握缺陷管理工具禪道或jira。2、知識點：1）軟件測試理論2）軟件生命周期3）測試方法和分類4）測試用例設計黑盒測試用例設計方法、白盒測試用例設計方法5)缺陷及缺陷管理工具缺陷屬性、缺陷生命周期管理、禪道和jira6)測試其他測試流程、測試計劃編寫、測試報告模版、測試報告分析
軟件測試視頻篇第四階段-編程+數據結構1、周期與目標：學完后目標：能熟練掌握python編程基礎語法，熟悉常用的數據結構，掌握常見的排序算法。2、知識點：1）PYTHON編程計算機組成原理、python開發環境、python變量、流程控制語句、高級變量類型、函數應用、文件操作、面向對象、異常處理、模塊和包2）數據結構算法、時間復雜度和空間復雜度、python列表類型性能測試、列表字典內置操作的時間復雜度、順序表、單向鏈表、雙向鏈表、棧和隊列、二叉樹3）排序算法冒泡排序、選擇排序、插入排序、希爾排序、快速排序、歸并排序
軟件測試視頻篇第五階段——WEB自動化1、學習目標：
學完后目標：熟練掌握selenium元素定位方法和常見元素操作，掌握HTML特殊元素的處理，js定位，unittest框架。2、知識點：1）WEB自動化入門自動化測試分類及自動化適用的項目、自動化測試框架選型、Selenium的發展歷史及工作原理、SeleniumIDE插件使用、Firebug插件使用2）WEB自動化基礎元素基礎定位方法、Xpath，CSS元素定位方法、元素常見操作、瀏覽器的基本操作方法3）WEB自動化中級鼠標鍵盤操作、元素顯示等待和隱式等待、HTML特殊元素處理、窗口截圖4）WEB自動化高級自動化測試模型、UnitTest框架、UnitTest斷言、UnitTest與htmlreport的結合使用、UnitTest與DDT結合，實現數據驅動、UnitTest與logger結合使用
軟件測試視頻篇第六階段——移動自動化1、學習目標：
學完后目標：熟練掌握接口測試用例設計方法，掌握jmeter工具的使用，熟悉接口框架的設計和開發2、知識點：1）移動自動化基礎移動端測試分類及特點、ADB命令及Monkey使用、appium環境搭建、appium工作原理2）移動自動化中級APP和手機系統操作、元素定位、元素操作、高級手勢操作、混合APP測試、PyTest測試框架、定制測試報告、數據讀寫3）移動自動化高級PO模式、數據驅動、關鍵字驅動
軟件測試視頻篇第七階段——接口測試1、學習目標：
學完后目標：掌握移動端產品測試的特點，熟練掌握adb及monkey的使用，熟練掌握元素定位和常見操作，掌握pytest框架及PO模式，數據驅動，jenkins持續集成，熟悉關鍵字驅動框架設計2、知識點：1）接口基礎接口相關概念、接口測試實現流程、RESTful 架構風格、JSON基本語法、瀏覽器插件安裝以及使用、postman及fiddler使用2）JMeter入門JMeter安裝以及基本使用、JMeter組件之線程組3）JMeter組建參數化CSV Data Set Config、用戶參數、用戶定義的變量、函數4）JMeter常用組件直連數據庫、關聯、斷言、集合點、函數詳解、邏輯控制器、分布式、QPS、FTP、圖形監控器5）接口框架自動化requests庫使用及腳本封裝、unittest框架、mock實現6）接口框架設計及實現框架設計、數據庫操作、數據依賴解決、接口異常處理、統計報告及郵件發送、持續集成7）接口測試項目項目:接口清單提取、項目:功能測試、項目:性能測試、項目:自動化測試軟件測試視頻篇第八階段——性能測試1、學習目標：
學完后目標：掌握性能測試的概念，分類及測試流程，掌握loadrunner的使用，熟悉性能測試調優方法。2、知識點：1）性能測試基礎性能測試理論、性能測試分類、性能測試常用指標、工具選擇、LoadRunner安裝與注冊、性能測試步驟2）VuGen協議、參數化、集合點、事務、檢查點、思考時間、關聯3）Controller手動場景設計、場景運行、IP Wizard應用、負載生成器、服務水平協議（SLA）、場景監控、 服務器硬件監測工具4）Analysis執行結果分析、圖表分析、吞吐量相關、事務相關5）性能測試調優性能測試方案、linux服務器性能監控、JVM配置調優、tomcat配置調優、性能測試報告6）數據庫調優慢查詢、線程池、索引命中率、行鎖PS：視頻資源科后臺回復“軟件測試”獲取。