搜尋結果
2024年3月25日 · CSS 是 “Cascading Style Sheets” 的縮寫，中文譯為”層疊樣式表”。. CSS 是一種標記語言，它的主要功能是為結構化文件（如 HTML 文件或 XML 應用）添加風格（字體、間距和顏色等）。. 網頁設計，仰賴 HTML 和 CSS 兩種不同的語言。. HTML 處理內容，CSS 則定義內容呈現 ...
2024年9月22日 · 在學期間初學網頁設計整理的語法/好用工具. 不定期更新 看到好用/有趣的就放上來這邊. CSS 樣式彙整-前端筆記. CSS 漸層. CSS 動畫. 3D 效果 CSS. 自帶高亮程式碼字型. 假圖假字圖片. HTML 模板. CSS模板. 圖片填滿/圖片比例. 字體單位設定. overflow. border-radius: Html iframe. SVG Icons. Icon to Font. Button. button（單純按鈕）、reset（清空表單）、submit（送出表單） 大小寫轉換. < dl > < dt > < dd > 垂直置中. Input 美化. flexbox. 偽類. -child. 偽元素 Pseudo-elements. Hover.
CSS 基本概念. 當我們學懂了HTML後，下一步就需要學習CSS。. (如果你不懂HTML，可以先看看： HTML教學課程 -入門篇) 學習CSS的作用是，在製作一個網站外觀時，能把外觀製作的更美觀一些。. 首先，我們打開Visual studio code，我想你試試在你的Code Editor上，跟我一起 ...
2020年9月25日 · 30個你必須記住的CSS選擇器. 所以你學會了最基本的 id， class 和 descendant selectors（子元素選擇器） - 然後你就覺得可以這樣了？. 如果回答是肯定的，那麼你已經錯過了一個極大程度的靈活性。. 雖然在本文中我提到的眾多選擇器是在CSS3規範下的一部分，但是 ...
- Jeffrey Way
CSS 的全名為 Cascading Style Sheets，是一種樣式表 (Stylesheet) 語言。. 它的目的是為了對像 XHTML 及 HTML 之類的標記語言 (markup language) 提供一個顯示層。. 有了 CSS，我們就可以將資料層及顯示層分開：HTML 文件就只包括資料，而 CSS 則是告訴瀏覽器這些資料應該要如何 ...
2023年8月17日 · 本文件闡明了必須掌握的10個基本CSS語法，作為專業人士追求創建一致且高效網頁設計的全面指南。 1. 選擇器與屬性. 選擇器讓您針對HTML文檔中的特定元素進行樣式應用。 屬性則定義樣式的外觀。 使用通用選擇器. 通用選擇器針對HTML文檔中的所有元素。 它特別適用於應用全局樣式，例如重設邊距和填充。 css. Copy code. * { margin: 0; padding: 0; } 此代碼將網頁上每個HTML元素的所有邊距和填充重設為零。 類選擇器針對共享相同類屬性的元素。 它使您能夠在各種元素中應用一致的樣式，無需重複代碼。 css. Copy code. .my-class { color: red; } 此代碼將顏色紅色應用於具有類名 my-class 的任何元素。 2.
2023年9月23日 · CSS 的基本語法. 在了解各種選擇器前，我們要先了解 CSS 的基本語法。 語法架構. 在 CSS 中會區分大小寫，要注意大小寫的部分，如果寫錯了可能會選不到喔！ 而它的標籤的基本寫法會像下圖： 以這個例子來說，這樣寫會選取到 HTML 中的 body 標籤，然後將他的背景色（background-color）設定為 AliceBlue 這個顏色。 body{ ... } 前面的 body 就是一種選擇器，是 Tag 元素選取器，用來選取 HTML Tag。 而內容會使用大括號 {} 括弧起來，在中間用冒號區隔 : 屬性與屬性值，最後以分號 ; 作為這個屬性的結尾。 延伸閱讀： CSS Colors (w3schools.com) ，不過關於顏色的部分我們之後會再解說。 註解.
