7.1 CSS超鏈接樣式概述
一、超鏈接樣式簡介 超鏈接a標簽是網頁最常用的一個元素了,如何能夠把超鏈接的樣式外觀控制得完美也是一項前端必備技能。往往在很多書籍中
7.2 超鏈接偽類
一、超鏈接偽類簡介 在所有浏覽器中,超鏈接的樣式如下:
7.3 深入了解:hover偽類
在“超鏈接偽類”這一節,我們知道“a:hover”是定義鼠標經過超鏈接(a標簽)時的樣式。不僅是初學者,甚至包括很多學習CSS很久的人都以為“:hover”只限於a標簽,
7.4 CSS鼠標樣式
一、cursor屬性 在CSS中,使用cursor屬性來定義鼠標的樣式。 語法:
8.1 CSS圖片大小
一、圖片大小width和height 在之前的課程例子中,我們接觸了width和height這兩個屬性,這兩個屬性分別是用來設置元素
8.2 圖片邊框border
一、圖片邊框border 在“CSS邊框border”這一節我們詳細講解了邊框border屬性。在CSS中,對於圖片的邊框,我們也是
8.3 圖片水平對齊
一、圖片水平對齊text-align 在“文本水平對齊text-align”這一節我們詳細講解了text-align屬性。大家請記住
8.4 CSS圖片垂直對齊
一、vertical-align屬性 在上一節我們介紹了使用text-align屬性來定義圖片水平對齊方式,我們看一下上一節的預覽圖
8.5 文字環繞效果-初識float
一、float屬性 在網頁布局的過程中,常常遇到圖文混排的效果。圖文混排,也就是文字環繞著圖片進行布局。文字環繞圖片的方式在實際頁面
9.1 列表樣式概述
一、列表樣式概述 HTML列表外觀控制屬性大部分都在其他章節講解過了。其實HTML列表控制比較高級一點的技術,就是去除列表的默認樣式
9.2 列表項符號list-style-type
一、元素中定義列表項符號 在HTML入門教程中,有序列表和無序列表的列表項符號都是使用type屬性來定義的。我們先來回顧一下。
9.3 自定義列表項符號list-style-image
一、list-style-image屬性 不管是有序列表,還是無序列表,都有它們自身的列表項符號。但是默認的列表項符號都比較丑,那如
10.1 表格邊框合並border-collapse
一、border-collapse屬性 在了解什麼叫“表格邊框合並”之前,我們先來看一下在默認情況下表格加入邊框是怎樣的一個效果。
10.2 表格邊框間距border-spacing
一、border-spacing屬性 我們知道表格加入邊框默認情況下是如下圖那樣的:
10.3 表格標題位置caption-side
一、caption-side屬性 表格加入邊框之後,默認樣式情況如下圖:
11.1 CSS盒子模型
一、CSS盒子模型簡介 在之前的HTML入門教程中,我們學習了一個很重要的理論“塊元素和行內元素”。在這一節中,我們將接觸CSS中一
11.2 寬度width和高度height
從CSS盒子模型中,我們可以看出,元素的寬度width和高度height是針對內容區而言的,大家要非常清楚這一點。很多初學者容易把補白也認為是內容區的一部分。
11.3 邊框border
在之前“邊框”這一章,我們已經深入學習了邊框屬性。我們再次聲明一下,對於border(邊框)的值,我們在項目開發的時候,更多習慣用“簡潔寫法”。對於“border:1px
11.4 內邊距padding
內邊距padding,又常常稱為“補白”,它指的是內容區到邊框之間的那一部分。
11.5 外邊距margin
外邊距margin,指的是邊框到父元素或者同級元素之間的那一部分。