很久沒寫部落格了…這段時間一直在準備各種面試,把知識點和體系全都總結在印象筆記裡,有機會的話再把那些分享出來吧。
偽類是同乙個標籤,根據其不同的種狀態,有不同的樣式。通俗的可以理解成在頁面上多加了一層,這個層就是偽類,具體長什麼樣,在這個層的css裡定義即可。
link:連線平常的狀態
visited:連線被訪問過之後
hover:滑鼠放到連線上的時候
active:連線被按下的時候
順序:a:link、a:visited、a:hover、a:active .
利用偽類實現遮罩層
html結構
利用偽類的背景色
原理: 在失去焦點時無背景色(即預設透明),得到焦點時設定背景色即可
.text
.test:hover:after
.test:hover .text
利用偽類的透明度
原理:偽類元素失去焦點時全透明,得到焦點改變透明度即可
.test::after
.test:hover:after
.test:hover .text
其實這兩種方法原理都是一樣的。
常見偽類:
常見偽元素:
區別:
js中this的應用場景
this存在於函式中,函式的呼叫方式決定了this指代的物件 1 作為物件的方法用 var obj obj.x 100 obj.y function obj.y 彈出 100 2 作為函式呼叫 var x the window function f f the window 3 作為閉包函式呼叫 v...
85,類物件的應用場景
import inte ce person nsobject void test1 void print id productobject class c end implementationperson void test1 void print id productobject class c ...
css中偽類與偽元素的區別
w3c標準對他們所得解釋 偽類 css偽類是用來新增一些選擇器的特殊效果。由於狀態的變化是非靜態的,所以元素達到乙個特定狀態時,它可能得到乙個偽類的樣式 當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。偽元素 css偽元素是用來新增...