CSS定位是CSS中非常重要的一部分,它可以幫我們實現(xiàn)頁面中的元素精準(zhǔn)定位。在CSS中,定位主要有三種方式:
position: static; position: relative; position: absolute;
其中,static是元素默認(rèn)的定位方式,元素的位置按照文檔流順序排列。而relative是相對定位,元素的位置會相對于其原本位置進(jìn)行偏移。最后,absolute是絕對定位,元素的位置會相對于其父元素進(jìn)行偏移。
除了定位之外,Web字體也是我們必須要掌握的重點。相比于傳統(tǒng)的字體,Web字體具有更好的跨平臺兼容性和語言字體支持。在CSS中,我們可以通過@font-face 屬性來使用Web字體:
@font-face { font-family: 'MyWebFont'; /* Web字體名稱 */ src: url('webfont.eot'); /* 對應(yīng)的woff、ttf、svg格式 */ } body { font-family: 'MyWebFont', Fallback, sans-serif; }
這樣就可以在網(wǎng)頁中使用我們自定義的Web字體了,并且同時提供了回退字體,確保用戶在無法加載Web字體時能看到相應(yīng)的標(biāo)準(zhǔn)字體。這是使用Web字體非常實用的一點。
上一篇div 右邊對齊
下一篇css定位后清除浮動