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,指的是邊框到父元素或者同級元素之間的那一部分。
12.1 正常文檔流
一、文檔流簡介 1、什麼是“正常文檔流”? 在學習浮動布局之前,我們先來認識一下什麼叫“正常文
12.2 浮動float
一、浮動float簡介 在“文字環繞效果-初識float”這一節,我們已經接觸過浮動是怎樣一回事了。
12.3 清除浮動clear
一、清除浮動簡介 在CSS中,清除浮動都是在設置左浮動或者右浮動之後的元素內設置。 語法:
13.1 定位布局簡介
一、CSS定位布局簡介 在上一章,我們學習了CSS浮動布局。浮動布局比較靈活,但是不容易控制。而定位布局的出現,使得用戶精准定位頁面
13.2 CSS固定定位fixed
一、CSS固定定位 固定定位是最直觀而最容易理解的定位方式,先給大家介紹固定定位,來接觸一下CSS定位布局是怎樣一回事。
13.3 CSS相對定位relative
一、CSS相對定位簡介 采用相對定位的元素,其位置是相對於它的原始位置計算而來的。相對定位是通過將元素從原來的位置向上、向下、向左或
13.4 CSS絕對定位簡介
一、CSS絕對定位 當元素的position屬性值為absolute時,這個元素就變成了絕對定位元素。絕對定位在幾種定位方法中使用最
13.5 CSS靜態定位static
一、CSS靜態定位 如果沒有指定元素的position屬性值,也就是默認情況下,元素是靜態定位。只要是支持position屬性的ht