css偽元素和偽類區(qū)別 css偽元素和偽類的區(qū)別?
css偽元素和偽類的區(qū)別?簡而言之,pseudo類是針對CSS的,而pseudo元素是針對HTML的。偽類選擇器是CSS選擇器之一,而偽類是一個(gè)“偽”HTML標(biāo)記。偽類(選擇器)本質(zhì)上是為了彌補(bǔ)傳統(tǒng)C
css偽元素和偽類的區(qū)別?
簡而言之,pseudo類是針對CSS的,而pseudo元素是針對HTML的。偽類選擇器是CSS選擇器之一,而偽類是一個(gè)“偽”HTML標(biāo)記。偽類(選擇器)本質(zhì)上是為了彌補(bǔ)傳統(tǒng)CSS選擇器的缺點(diǎn),從而獲得更多的信息。偽元素本質(zhì)上是創(chuàng)建一個(gè)包含內(nèi)容的虛擬容器。在CSS3中,pseudo-class和pseudo-element是分開的,進(jìn)一步調(diào)整了語法(一個(gè)冒號和兩個(gè)冒號);在開發(fā)中,可以同時(shí)使用多個(gè)pseudo-class,但只能同時(shí)使用一個(gè)pseudo-element。
偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類如此容易混淆的原因是它們具有相似的效果和相似的編寫方法。實(shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號表示,偽元素用兩個(gè)冒號表示。
偽類選擇器,偽類和偽元素的區(qū)別?
Pseudo class應(yīng)該寫成:WeiLei Pseudo element應(yīng)該寫成:weiyuansu
但是當(dāng)前面的規(guī)范不清楚時(shí),偽元素和偽類寫為:weiyuansu:WeiLei
為了與過去的編寫兼容
所以偽元素寫為引號偽元素主要包括:e:第一個(gè)字母/e::第一個(gè)字母e:第一行/e::第一行e:之前/e::之前e:之后/e::之后e::占位符e::selection
偽類主要包括:e:link e:visited e:hover e:active e:focus e:lang(FR)e:not(s)e:root e:first child e:last child e:only child e:nth child(n)e:nth last child(n)e:first of type e:last of type e:only of type e:nth of type(n)e:nth last of type(n)e:empty e:checked e:enabled e:target@頁碼:首頁:左@頁碼:右
單冒號和雙冒號主要用于區(qū)分偽元素和偽類
首先列出CSS中常見的偽類
A:鏈接{color:#ff0000}/*不可訪問鏈接*/
A:已訪問{color:#00ff00}/*已訪問鏈接*/
A:懸停{color:#FF00FF}/*鼠標(biāo)鏈接上方*/
A:活動(dòng){color:#0000ff}/*選定鏈接*/
:選中選擇所有選定表單元素
:禁用選擇所有禁用表單元素
P:第一個(gè)子父元素中的第一個(gè)P元素
例如,#div P:第一個(gè)子元素{
]color:#e4433c
!]:最后一個(gè)子元素最后一個(gè)P元素在父元素中
P:before
P:after經(jīng)常用來清除浮動(dòng)
在互聯(lián)網(wǎng)it編程設(shè)計(jì)培訓(xùn)課程中,web前端的培訓(xùn)和開發(fā)相對簡單,并且工作和開發(fā)前景相對較好,因此,許多想轉(zhuǎn)行的人更加重視網(wǎng)絡(luò)前端的培訓(xùn)和學(xué)習(xí)。那么網(wǎng)絡(luò)前端培訓(xùn)的內(nèi)容是什么呢?小編今天給你一個(gè)簡單的答案。
一般來說,web前端培訓(xùn)分為六個(gè)模塊:HTML5 CSS3、JS交互設(shè)計(jì)、移動(dòng)終端、服務(wù)器、前端框架和小程序。以下是您在每個(gè)階段所學(xué)內(nèi)容的詳細(xì)介紹。!第一階段是前端的核心基礎(chǔ),使學(xué)生能夠掌握前端的基本知識,包括HTML5和CSS的基本知識和代碼編寫。他們將學(xué)習(xí)PC網(wǎng)站的布局和jQuery框架。
在第二階段,HTML5 CSS3移動(dòng)終端的核心、HTMLCSS3的新特性、高級CSS、CSS3實(shí)例鉆取完成頁面效果的制作。
在第三階段,移動(dòng)終端將學(xué)習(xí)CSS像素和物理像素之間的關(guān)系、視口布局、移動(dòng)終端自適應(yīng)、移動(dòng)終端特效幻燈片、滾動(dòng)和觸摸。第四階段服務(wù)器端,服務(wù)器端開發(fā)節(jié)點(diǎn),數(shù)據(jù)庫操作,前后交互核心,微信公眾號開發(fā)。
第5階段JavaScript高級
在第6階段前端框架中,您將學(xué)習(xí)Vue、react、angular,使學(xué)生能夠使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)等相關(guān)知識。
在小程序開發(fā)的第七階段,我們將學(xué)習(xí)如何使用微信小程序和開發(fā)工具,如何使用原生小程序API,以及如何使用mpvue應(yīng)用程序。
以上是web前端培訓(xùn)的內(nèi)容。如果您想進(jìn)一步了解網(wǎng)絡(luò)前端培訓(xùn)的具體課程內(nèi)容,可以到硅谷官方網(wǎng)站咨詢。有專職老師為您解答,您還可以下載免費(fèi)視頻進(jìn)行學(xué)習(xí)。
2020 web前端學(xué)習(xí)路線圖: