關(guān)于margin:-100px 0 0 -100px的問題:為什么margin左邊不是設(shè)成0 而是-100px呢?
這是因為[data-icon]:after設(shè)置了absolute,也是就使說它是根據(jù)它的父元素.st-desc來定位,又因為設(shè)置了top:50%和left:50%,所以要讓這個元素居中必須讓這個元素margin-left:-這個元素寬度的一半(也就是-100px)。你看不明白是因為.st-desc順時針轉(zhuǎn)了45度,你把它的旋轉(zhuǎn)屬性去掉再看一下就明白了,或者你不用去掉旋轉(zhuǎn)屬性,然后自己調(diào)一下top和left也能看出它是怎么相對父元素定位的。
這是因為[data-icon]:after設(shè)置了absolute,也是就使說它是根據(jù)它的父元素.st-desc來定位,又因為設(shè)置了top:50%和left:50%,所以要讓這個元素居中必須讓這個元素margin-left:-這個元素寬度的一半(也就是-100px)。你看不明白是因為.st-desc順時針轉(zhuǎn)了45度,你把它的旋轉(zhuǎn)屬性去掉再看一下就明白了,或者你不用去掉旋轉(zhuǎn)屬性,然后自己調(diào)一下top和left也能看出它是怎么相對父元素定位的。
2017-03-28
老師聲音甜美,講課詳細(xì)認(rèn)真,能夠照顧到多有的同學(xué),讓人理解起來更加容易,贊贊贊!
2017-03-10
關(guān)于margin:-100px 0 0 -100px的問題:為什么margin左邊不是設(shè)成0 而是-100px呢?
2017-02-25
總體來說講得還是不錯的。這姐們兒估計是搞培訓(xùn)的,濃重的培訓(xùn)風(fēng)格有點兒不適應(yīng)。代碼質(zhì)量還有待提高,有些細(xì)節(jié)的編程思想和代碼風(fēng)格在職場中會被吹風(fēng)的,給各位聽眾提個醒。主要的是領(lǐng)會方法
2017-02-04