標籤彙整: css

W3C 規定~ 全部 HTML 標籤的 CSS 屬性預設值

每個 HTML 標籤在 CSS 中都有不同的預設值,例如預設的文字大小、預設的間距、預設的框格模型….等。例如 <h1> 的文字大小 預設值是 2em ,<h2> 的文字大小 預設值是 1.5em,<body> 的外間距是 8px… 閱讀全文

in CSS 教學 - 網頁排版

【設計資源】「 Image Effects 」: 可線上套用 CSS 濾鏡特效好站

Image Effects

今天飛肯小編要來跟大家分享的網站是 : 「 Image Effect 」,
這個網站提供了多達20種免費使用的 CSS 濾鏡特效,
可讓使用者上傳自己的圖片,任意套用並可立即觀看產出影像,
同時自動產生 CSS 或 SCSS 的語法碼,拷貝之後即可使用在網頁上面。… 閱讀全文

in Free Resource 好康報報, Good Design 好站報報

CSS 教學 – margin-top 失效!外間距會直接影響到上一層

調整內容的上間距 調整文字元素或圖片元素的上間距,理所當然是要使用 margin-top 語法,然而,當我們高高興興完成網頁排版,心想趕快收拾包包下班走人時,慘劇往往就發生在各個瀏覽器的不一致問題之中… 閱讀全文

in CSS 教學 - 網頁排版

CSS教學分享文 – 固定背景圖之語法練習

範例完成圖

這次飛肯的教學文,要來分享的是,如何利用 CSS-div 語法排版,將背景圖片固定在自己想要的網頁位置上,雖然是個很簡單的範例,不過各種常用的 background 語法設定幾乎都可以從這次範例中一起學到喔。此外,版型中還附加了兩個 CSS3 的特殊效果語法,來讓大家認識一下:分別是圓角效果,以及文字的陰影效果,現在就請大家跟著以下步驟,一起完成今天的 CSS 語法練習吧! 閱讀全文

in CSS 教學 - 網頁排版

教學:Sublime Text 的安裝設定及入門操作 – [ 上篇 ]

sublime_download

相較於普遍多人初學網頁時,會選擇使用 Dreamweaver ,而 Sublime Text 最大的優勢就是它有著大量實用的外掛程式,每個人可以根據自己使用上的需求,安裝其所需的外掛,讓這套軟體更為完備且能發揮更大的功效。所以,只要能夠善用擴充套件的功能,其實 sublime Text 是個可以大大提高網頁建置效率的好工具喔… 閱讀全文

in CSS 教學 - 網頁排版, Dreamweaver 網頁設計, Free Resource 好康報報, JavaScript 程式設計, RWD 響應式網頁

教學:Sublime Text 的安裝設定及入門操作 – [ 下篇 ]

sublime text-install package

不知道大家還記得上一回做的 Sublime Text 基本下載與安裝嗎?這次我們要延續上一次的進度,也就是已安裝好的「 package control 」套件,現在就要利用它,來進行其他外掛的安裝作業… 閱讀全文

in CSS 教學 - 網頁排版, Dreamweaver 網頁設計, Free Resource 好康報報, JavaScript 程式設計, RWD 響應式網頁