css3中追加的三種選擇器,css3為什么有通用還要加兼容前綴?
這是由于瀏覽器的內核是不一樣的大概有這么幾家:
IE瀏覽器內核:Trident內核,也是俗稱的IE內核;Chrome瀏覽器內核:統稱為Chromium內核,以前是Webkit內核,現在是Blink內核;
Firefox瀏覽器內核:Gecko內核,俗稱Firefox內核;
Safari瀏覽器內核:Webkit內核;
Opera瀏覽器內核:最初是自己的Presto內核,后加入谷歌,從Webkit又到了Blink內核;
360瀏覽器、獵豹瀏覽器內核:IE+Chrome雙內核;
搜狗、遨游、QQ瀏覽器內核:Trident(兼容模式)+Webkit(高速模式);
百度瀏覽器、世界之窗內核:IE內核;
但是,這些不同內核的瀏覽器,CSS3屬性中理論上是需要添加不同的前綴,也將其稱之為瀏覽器的私有前綴,添加上私有前綴之后的CSS3屬性可以說是對應瀏覽器的私有屬性。之所以,一些屬性沒有加前綴,各個內核也都能識別,是因為這一部分屬性已經形成了默認的標準,各個瀏覽器內核是普遍認可的。
解決這個問題的方法很多:
通過使用腳本來處理。
通過使用開發是編輯器的插件
通過CSS的預處理器
通過使用自動化工具處理
css層次選擇器怎么用?
css層次選擇器具體用法如下:
采用后代選擇器 :從上面可以看出所有的標簽都是body的后代,那么我們使用后代選擇器,就可以將body的后代(所有標簽)改變樣式: 后代選擇器是用祖先加上空格再加上后代標簽類型進行聲明的。
以上資料供參考。
web前端開發中需要掌握哪些技術?
謝謝邀請!先直接回應一下樓主的問題,如今一個合格的web前端開發需要掌握的技術有很多,只會簡單的HTML,CSS和JS已經遠遠滿足不了目前市場的需要了。下面我分幾個部分來回答一下一、前端領域的技術革新速度快,對前端工作師的要求越來越高。真正了解前端技術的工程師都會感覺前端技術發展變化遠快于其他端。瀏覽器特性,編程語言標準,前端框架,前端工具,多終端瀏覽器等都在快速換代更新。作為一名前端工程師,不僅要掌握現有的技術來實現業務需求,解決業務問題,還要不斷快速學習新的技術知識,為新技術時代的到來做準備,對于 后接觸的人來說,需要了解掌握的東西會越來越多。接下來,小鄭直接了當的說一下需要掌握的一些相關技能(說技術不如說技能)。二,前端開發需要掌握的技能從下面5個方面來說1. 語言相關的學習(語言學習和一些相關特性的熟知和了解是最基本的技能)1)HTML(HTML5相關特性)2)CSS(CSS3相關特性,CSS4展望),CSS的能力體現在頁面布局上。平時多注意積累和思考。3)JavaScript(JavaScript新舊標準實踐,Node.js相關特性及應用)上面三點,任意一點往深的研究和學習都不簡單,都可以學習的很深入,同時也都需要花時間和做項目經驗積累。為什么說語言相關了,因為除了上面三點,前端還有一個重要且基礎知識需要掌握就是協議(重點關注HTTP協議),總結起來,前端基礎就是三層結構和一協議。2. 工具的使用會選擇和利用工具是前端一個很重要的技能。所謂的工具不單純指代碼編寫工具,有多個分類。1)編碼工具推薦使用sublime/vscode/westrom。用一款自己比較熟悉的編碼工具,能極大提高編碼效率。2)處理圖工具photoshop/sketch,之前可以用ps比較多一點,現如今sketch是一款前端也必需學會使用的圖處理工具。3)代碼調試工具chrome瀏覽器調試工具fiddler另外MAC是也有一些抓包工具4)代碼管理工具cornerstonesourcetree3. 掌握代碼管理工具的使用1)svn2)git 不多說了,掌握這兩的使用是前端工程師必備的能力,尤其是GIT。4. 框架的研究這里,因為是講需要掌握哪些技能,所以我不進一步說明為什么會出現一些MV*框架等問題。但是我覺得這些問題都很重要,可以自己多研究研究。比較流行的框架,React,VUE,angularjs,還有一些個支持服務端渲染的框架都可以了解和學習。這些都現在前端工程師必備的技能。5. 溝通能力的提升最后,很重要的一點,就是學會使用高效的溝通方式。簡單來說,溝通就是通過有效的方法手段正確地表達自己或理解別人觀點的一個過程。作為工程師我們不僅需要具備全面嚴謹的思維邏輯,良好的溝通能力也是幫助我們高效完成工作的一項不可少的技能。
css3新增功能?
1、css3新增的超級選擇器:屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內容
3、文字陰影與自動換行
4、各類盒模型:總體分為block類型和in line類型,在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型
5、盒模型相關的屬性:overflow屬性(內容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)
8、新增的 transform變形功能:rotate(旋轉)、scale(縮放)、skew(傾斜)、translate(移動)
9、新增的動畫功能:transition(平滑過渡)、animation(關鍵幀)
10、布局相關樣式:多欄布局、盒布局、彈性盒布局
11、兼容性問題