網(wǎng)頁設(shè)計模板 ps網(wǎng)頁設(shè)計,文字怎么在參考線中上下左右對齊?
ps網(wǎng)頁設(shè)計,文字怎么在參考線中上下左右對齊?單獨一個文字是對不齊的,需要一個參考對象。如圖,我在四條參考線中用選區(qū)工具畫了個框,然后切換到移動工具,選中文字圖層,單擊對齊按鈕可上下左右對齊 網(wǎng)頁設(shè)計
ps網(wǎng)頁設(shè)計,文字怎么在參考線中上下左右對齊?
單獨一個文字是對不齊的,需要一個參考對象。如圖,我在四條參考線中用選區(qū)工具畫了個框,然后切換到移動工具,選中文字圖層,單擊對齊按鈕可上下左右對齊
網(wǎng)頁設(shè)計里的字體怎么改變rem格式?
響應(yīng)式網(wǎng)頁設(shè)計:rem、em設(shè)置網(wǎng)頁字體大小自適應(yīng)
「rem」是指根元素(root element,html)的字體大小,好開心的是,從遙遠的 IE6 到版本帝 Chrome 他們都約好了,根元素默認的 font-size 都是 16px。這樣一個新的單位兼容性如何呢?
IE9 ,F(xiàn)irefox、Chrome、Safari、Opera 的主流版本都支持了,我可以放肆的使用 rem 了。
em 的計算是基于父級元素的,在實際使用中給我們的計算帶來了很大的不便。所以 rem 的出現(xiàn)解救了我這樣不會算術(shù)的人,再也不用擔(dān)心父級元素的 font-size 了,因為它始終是基于根元素(html) 的。
比如默認的 html font-size=16px,那么我想設(shè)置12px 的文字就是:12÷16=0.75(rem)
當(dāng)然,你可以引入 CSS 預(yù)處理工具(Sass、LESS 、Stylus等)自動計算 rem 值,這里就不一一舉例了。
但是像我這樣的懶人或者團隊開發(fā)中還沒有引入 CSS 預(yù)處理工具的該腫么辦呢?只能搬個計算器啪啪啪了嗎?別急,你還可以變通一下。我們改變一下 html 的默認 font-size=10px 不就好計算了嘛!Like this:
html{font-size:62.5% /* 10÷16=62.5% */} body{font-size:12pxfont-size:1.2rem /* 12÷10=1.2 */} p{font-size:14pxfont-size:1.4rem}
需要注意的是,為了兼容不支持 rem 的瀏覽器,我們需要在 rem 前面寫上對應(yīng)的 px 值,這樣不支持的瀏覽器可以優(yōu)雅降級。其實不用太糾結(jié)是默認的 font-size:100%,還是設(shè)置為 font-size:62.5%,如果你引入了 CSS 預(yù)處理工具那么自然可以使用默認值,如果由于其他原因使用 font-size:62.5% 也無可厚非,完全可以在 body 中重置回你需要的默認 font-size。