系列文章
[設計轉新手前端]我一開始只是單純想做網頁而已
美術底轉前端設計之心路及所需技能之基本概念 我從小就喜歡畫畫，小時候的夢想是當漫畫家，當web開始流行、普及時我正好是剛要上大學的高三生。 那年，我選擇了大眾傳...
[新手前端]從平面設計前進 HTML
由平面設計的角度開始去理解HTML的構成 我最早開始做網頁是高中時期，當初還在播接，各校的BBS都還興盛，入口網站是奇摩、蕃薯藤，最大的網路社團是cityfam...
[新手前端]從平面設計前進 CSS-1
由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML，版面來比喻，HTML就是不同的元素，而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...
[新手前端]從平面設計前進 CSS-2 選擇器之.class #ID
簡介平面設計所需要知道的CSS知識，設計也許不需要實際上寫出CSS，但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...
[新手前端]從平面設計前進 CSS-3 選擇器詳解
簡介 CSS選擇器 上一篇提到要套用樣式，就需要指定某一個特定的元素E 告訴瀏覽器，我就是要把樣式套在這個 E 上面，就像我們作圖時先找出要做特效的圖層然後套用...
[新手前端]從平面設計前進 CSS-4 權重及覆蓋
介紹CSS 基本概念，權重及覆蓋、繼承 承上篇，繼續針對選擇器說明，我們已經知道在CSS指定樣式的型式： E {color:red;} 選擇器 {類型:參數};...
[新手前端]從平面設計前進 CSS-5 盒模型
CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇，都還在基本概念和 HTML的元素選擇器上，今天終於要正式講到樣式本身的基礎- box 盒模...
[新手前端]從平面設計前進 CSS-6 塊級元素及float, reset
分享CSS 的屬性特色 上篇解釋了CSS的盒模型，介紹HTML元素在設計時就像一個個的盒子各自佔用了一個矩形的空間，今天就來接著介紹同樣也是針對元素空間定位的相...
[新手前端]從平面設計前進 CSS-7 元素排序規則- DOM,float,position
繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 上篇介紹了 display...
[新手前端]從平面設計前進 CSS-8 背景及overflow
介紹CSS屬性 背景及overflow 今天來講最常用的背景色及背景吧~ color:#fff | rgb(255,0,0) | red 顏色可以用三種方法指...