sometipsaboutwebdesignIII_html/css

關于css中定位(position):

static : 無特殊定位，對象遵循HTML定位規則

absolute : 將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過css z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框

relative : 對象不可層疊，但將依據left，right，top，bottom等屬性在正常文檔流中偏移位置

簡單的說

absolute直接相對于文檔位置加以定位,可以重疊,用z-index來區分優先,同樣的,不再具有外邊距(因為不再相對于其他元素進行定位)

relative則是根據原本該元素應該顯示的位置,進行偏移定位,這個時候存在外邊距,但是不能和其他元素重疊

要想把幾個不隨縮放而改變相對定位的div的css寫好,最好的方法是放到一個父div里,這個父div用relative 居中定位。

關于css3新東西

css3引入vw vh 作為長度寬度的單位

vw:view width

vh:view height

其實也就是整個當前視圖按百分比區別的高度和寬度

比如100vh就是當前的整個視圖高度

css3中的梯度漸變

background-image: -webkit-radial-gradient(50px 150px at 200px 150px,hsla(120,70%,60%,0.9),hsla(360,60%,60%,0.9));

50px是橢圓的主要半徑,150是縱向的次要半徑

at 后面是圓心位置,然后是要漸變的兩個顏色

也可以不要 xxxx at xxxx,只是指定個circle 就是圓形

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com