原创 web前端基礎:CSS僞類

鏈接僞類 鏈接的4種狀態:激活狀態,已訪問狀態,未訪問狀態, 和鼠標懸停狀態。 僞類 說明 :link 未訪問的鏈接 :visited 已訪問的鏈接 :hover 鼠標懸停狀態 :active 激活的鏈接

原创 web前端基礎:HTML表格

表格簡述 表格是在製作網頁的重要武器。諸如讓自己的頁面有底色、底圖 之類的修飾,只能通過表格來實現。表格是一個可自定義的容器,因 而它就是我們用以實現頁面構設的利器。 把表格稱作容器緣於表格的裝載特性。表格是用於裝載數據的, 與我

原创 web前端基礎:CSS選擇器

• 標籤選擇器 • 類選擇器 • ID選擇器 • 全局選擇器 • 羣組選擇器 • 後代選擇器 類選擇器 爲HTML標籤添加class屬性: <h1 class="red">內容1</h1> <p>內容2</p> <p class=

原创 web前端基礎:HTML標籤嵌套規則

塊級元素可包含行內元素和某些塊級元素; 行內元素不能包含塊元素,只能包含其他塊元素; 塊級元素不能放在<p>標籤內; 特殊塊級元素只能包含行內元素; 塊級元素與塊元素並列,行級元素與行內元素並列;

原创 web前端基礎:盒子模型

盒子模型的概念 • 盒子模型用來“放”網頁中的各種元素。 • 網頁設計中內容,如文字、圖片等元素,都可是盒子(DIV嵌套) 寬度屬性 寬度 width:長度值 | 百分比 | auto 最大寬度 max-width:長度

原创 web前端基礎:HTML標籤(一)

1.文件結構 文件類型 <HTML></HTML> (放在文檔的開頭與結尾) 文件主題 <TITLE></TITLE>(必須放在「文頭」區塊內) 文頭 <HEAD></HEAD> (描述性資料,如「主題」) 文體 <BODY><

原创 web前端基礎:CSS樣式命名

CSS樣式命名規則 • 採用英文字母、數字以及“-”和“”命名 • 以小寫字母開頭,不能以數字和“-”、“”開頭 • 命名形式:單字,連字符,下劃線和駝峯 •使用有意義命名 常用的CSS樣式命名 1)頁面結構 頁頭:header

原创 web前端基礎:HTML表單

標題 表單(Form)是 HTML 的一個重要部分,主要用於採集和提交用 戶輸入的信息。舉個簡單的例子,一個讓用戶輸入姓名的 HTML 表 單(Form)。 學習 HTML 表單(Form)最關鍵要掌握的有三個要點: 表單控件(