跳到主要內容

文章

目前顯示的是 二月, 2015的文章

Front end 建議 CSS 知識

Front end 建議 CSS 知識frontend 對於 css 要懂哪些,以下對於常用的開發項目列出一個列表,大家可以自己去找找答案,以及還沒有包涵在範圍內的部份。對於大部分人,都會覺得 css 是一個很簡單的裝飾語法,也因為他沒有辦法進行邏輯判斷,沒有辦法進行程式計算(不加入 compass 的前提下)基本上他就是一個很簡單的語法,實際上在真正前端開發時,如果真的要強調於細節,強調於很多深入的部份,幾乎可以花去很大的功夫先從 html 特性,到 css 語法,甚至到如何命名等,都可以是一個很有趣的專題。這邊先列出幾個對於一個前端工程師 front end engineer 需要了解的 css 項目,做介紹。CSShow import css stylecss 權重, file, internal, important, inline attribute. tag, id, classbox, inline modeposition, absolute, relative. 差異float, clearfixmargin, padding 差異width, height 計算方式font styleimagebackground, and include background imagecolor, RGB, RGBAfont sizeline-height基礎單位 px, em, %opacityz-index物件水平置中media querymore CSS每一種 html tag 基本 display 屬性, span, divother select, nth-child, * > , ^:: pseudo, ex, ::hover, ::targetdisplay, none, inline-block, table-cell …parent and child relation, and position relativecss animation, transitionbackground image style物件垂直置中。混搭狀況下,權重覆蓋行為在 more css 的部份,這邊大部分都是屬於更經驗談的部份,在實際開發中,有更多 css 的實際操作經驗,會讓自己省下許多事情,也讓自己能夠在提到某些問題的時候,可以自動腦補上去可能會…