CSS(Cascading Style Sheets,層疊樣式表)是網頁設計中最常用的樣式標記語言之一,它可以讓我們輕松地設計出美麗、規范化的網頁。其中,left和max-width屬性也是比較常用的。下面我們來介紹下這兩個屬性的具體用法。
.left-class { position: absolute; left: 0; } .max-width-class { max-width: 960px; margin: 0 auto; }
首先,我們來介紹left屬性。這個屬性表示元素相對于父元素的左邊距。比如上面的代碼中,我們設置了left:0,就表示元素會緊貼著父元素的左邊框,這在設計導航欄等元素時十分有用。
接下來,我們介紹max-width屬性。這個屬性表示元素的最大寬度。比如上面的代碼中,我們設置了max-width:960px,在瀏覽器窗口擴大時,元素會自動縮小以適應窗口大小;當瀏覽器窗口縮小時,元素的寬度會始終保持在960像素左右,從而保證了元素的不同屏幕尺寸下的兼容性。
最后,我們來介紹一下margin:0 auto。這個屬性表示元素的左右邊距為零,上下邊距自動居中。有了這個屬性的幫助,我們就可以輕松的讓內容居中,從而達到更好的頁面效果。
上一篇css+左倒斜線
下一篇css+js圖片折疊