標籤彙整: HTML

CSS 排版教學 – float 2 欄式網頁版型

CSS 排版教學,使用 CSS float 語法編排網頁版型, 在 HTML 使用 div 劃分欄位,再用 CSS 語法來做圖形與版面編排,這個範例是 CSS 網頁設計的基本練習 閱讀全文

in CSS 教學 - 網頁排版

Reset CSS 重置歸零 – 網頁排版各瀏覽器快速一致化

Reset CSS 可讓網頁排版更順利,每一個 HTML 標籤元素都有 CSS 預設值設定,造成網頁設計師寫 CSS 時候不便,各瀏覽器又自行加入一些額外 CSS 預設值設定,要花好多時間來應付各大瀏覽器 閱讀全文

in CSS 教學 - 網頁排版

CSS 排版教學 – div 圖文框排版入門

以前使用表格排版的時候,要製作圓角圖框的排版就必須把先把圖片切割大卸九塊,然後再用表格把切割過後的圖片拚在一起還原之後,才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 閱讀全文

in CSS 教學 - 網頁排版

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

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

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 響應式網頁