方案一:使用float+overflow
方案二:float+margin
方案三:float+margin(改良版)
方案四:使用table
方案五:flex
使用px定義字體的話無法用瀏覽器字體放大功能,還有在做響應式網頁時,字體響應大小也非常不方便。 px:像素(plxels),相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。 em:相對長度單位。相對於當前對象內文本的字體尺寸
使用sass需要安裝ruby,再安裝sass. 安裝命令:gem install sass sass文件名後綴是.scss. 編譯有四個選項,nested 默認選項,compact 簡潔格式的,compressed壓縮的,expande
:root { font-size: 16px; } // Or you can use html // html { // font-size: 16px; // } body { font-size: 1re
方案一:使用inline-block+text-align(1)原理:先將子框由塊級元素改變爲行內塊元素,在通過設置行內塊元素居中以達到水平居中。(2)用法:對子框設置display:inline-block;對父框設置text-alig
之前參加某公司的筆試的時候有這麼一道題, 要求用CSS3的方式實現下列布局: 可以看得出來這裏沒有標明任何的寬度是多少, 但有一個值得注意的地方是藍色塊的寬度很明顯是紅色塊寬度的兩倍. 當時做這個題是還沒有學習CSS3, 所以並不
原文地址羅磊的獨立博客:「網頁重構應該避免的10大 CSS 糟糕用法」 對於網頁重構來說,CSS禪意花園 是網頁佈局從 table 表格轉到了 html +css 的標誌 。這些年來,隨着我們的網站越來越複雜:html5,css3
禁止Chrome瀏覽器緩存 HTML: <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-store
錨點中 # 的含義 #代表網頁中的一個位置,#右邊的字符就是該位置的標識符。 我們經常看可以看到大部分網頁都有“回頂部”的按鈕,其實就是通過錨點設置hash值來做的。 設置方法: step1: 在頁面頂部的div加一個id=“t