Div+CSS網頁樣式與佈局從入門到精通

劉西傑 夏晨 著

  • 出版商: 人民郵電
  • 出版日期: 2020-02-01
  • 售價: $354
  • 貴賓價: 9.5$336
  • 語言: 簡體中文
  • 頁數: 379
  • ISBN: 7115380619
  • ISBN-13: 9787115380616
  • 相關分類: CSS

立即出貨

  • Div+CSS網頁樣式與佈局從入門到精通-preview-1
  • Div+CSS網頁樣式與佈局從入門到精通-preview-2
Div+CSS網頁樣式與佈局從入門到精通-preview-1

相關主題

商品描述

全書分為 16 章,內容包括:網站設計基礎知識;HTML5基礎知識;CSS基本語法知識;CSS選擇器;使用CSS設置文本和段落樣式、設置圖片樣式、控制列表樣式、設計表單樣式、表格樣式、定義鏈接樣式;CSS濾鏡;認識盒模型、外邊距、內邊距、邊框;CSS佈局理念;固定定位、相對定位、浮動定位和常見佈局類型;CSS3新增功能;JavaScript概述、基本語法、程序語句;JavaScript事件;JavaScript瀏覽器的內部對象;企業網站和移動網站的製作過程實戰。

作者簡介

本书是集体的结晶,参加本书编写的人员均为从事网页教学工作的教师和大型商业网站建设经验的网页设计师,有着丰富的教学经验和网页设计经验。由于时间所限,书中疏漏之处在所难免,恳请广大读者朋友批评指正。

目錄大綱

第 1章 怎樣開發設計網站

1.1 網站開發設計需要什麽

1.1.1 需要HTML文件

1.1.2 需要DIV來佈局

1.1.3 需要CSS來定義樣式

1.1.4 需要JavaScript

1.2 通過Dreamweaver開發DIV+CSS

1.2.1 通過Dreamweaver在HTML頁面里插入DIV

1.2.2 Dreamweaver的CSS代碼支持

1.3 一個簡單的網頁需要包含什麽

1.3.1 head部分

1.3.2 body部分

1.3.3 編寫註釋

第 2章 HTML入門基礎

2.1 HTML標簽

2.1.1 段落標簽

2.1.2 文本標簽

2.1.3 超鏈接標簽

2.1.4 圖像標簽

2.1.5 表格標簽

2.2 HTML 5簡介

2.2.1 HTML5基礎

2.2.2 向後兼容

2.2.3 更加簡化

2.2.4 HTML 5語法中的3個要點

2.3 新增的主體結構元素

2.3.1 實例應用——article元素

2.3.2 實例應用——section元素

2.3.3 實例應用——nav元素

2.3.4 aside元素

2.4 新增的非主體結構元素

2.4.1 實例應用——header元素

2.4.2 實例應用——hgroup元素

2.4.3 實例應用——footer元素

2.4.4 實例應用——address元素

第3章 CSS樣式設計基礎

3.1 初識CSS

3.1.1 CSS基本語法

3.1.2添加CSS的方法

3.1.3 設計第 一個實例

3.2 CSS選擇器

3.2.1 CSS選擇器概述

3.2.2 標簽選擇器

3.2.3 類選擇器

3.2.4 ID選擇器

3.2.5 偽類選擇器和偽元素

3.2.6 群組選擇器

3.2.7 相鄰選擇器

3.2.8 通用選擇器

3.3 CSS屬性和屬性值

3.3.1 CSS屬性

3.3.2 CSS單位

3.3.3 設置顏色

第4章 使用CSS設置文本和段落樣式

4.1字體屬性

4.1.1 字體font-family

4.1.2 字號font-size

4.1.3 字體風格font-style

4.1.4 字體加粗font-weight

4.1.5 字體變形font-variant

4.2 段落屬性

4.2.1 單詞間隔word-spacing

4.2.2 字符間隔letter-spacing

4.2.3 文字修飾text-decoration

4.2.4 垂直對齊方式vertical-align

4.2.5 文本轉換text-transform

4.2.6 水平對齊方式text-align

4.2.7 文本縮進text-indent

4.2.8 文本行高line-height

4.2.9 處理空白white-space

4.2.10 文本反排unicode-bidi、direction

4.3 實例應用

4.3.1 控制文本的行高和間隔

4.3.2 實現文本垂直居中

第5章 使用CSS設置圖片和背景樣式

5.1 圖片樣式設置

5.1.1 定義圖片邊框

5.1.2 文字環繞圖片

5.2 背景樣式設置

5.2.1 設置頁面背景顏色

5.2.2 定義背景圖片

5.2.3 背景圖片的重復

5.2.4背景關聯

5.2.5 定義背景圖片的位置

5.3 實例應用

5.3.1 鼠標經過圖片顯示文字

5.3.2 鼠標移上改變圖片透明度

5.3.3 將正方形圖片顯示為圓形圖片

5.3.4 多圖排列展示放大特效

第6章 使用CSS控制列表樣式

6.1 有序列表

6.1.1 有序列表ol

6.1.2 有序列表的序號類型type

6.1.3 有序列表的起始數值start

6.2 無序列表

6.2.1 無序列表標簽

    6.2.2 無序列表的類型type

    6.2.3 目錄列表標簽

    6.2.4 定義列表標簽

    6.2.5 菜單列表標簽

    6.3 實例應用

    6.3.1 設計背景變換的導航欄目

    6.3.2 設計橫向導航菜單

    6.3.3 豎排導航

    6.3.4 設計網頁下拉菜單

    6.3.5商品列表分類可右側展開詳細分類

    6.3.6 CSS網頁導航條

    第7章 使用CSS設計表單樣式

    7.1 表單form

    7.1.1 程序提交action

    7.1.2 表單名稱name

    7.1.3 傳送方法method

    7.1.4 編碼方式enctype

    7.1.5 目標顯示方式target

    7.2 插入表單對象

    7.2.1 文字字段text

    7.2.2 密碼域password

    7.2.3 單選按鈕radio

    7.2.4 復選框checkbox

    7.2.5 普通按鈕button

    7.2.6 提交按鈕submit

    7.2.7 重置按鈕reset

    7.2.8 圖像域image

    7.2.9 隱藏域hidden

    7.2.10 文件域file

    7.3 菜單和列表

    7.3.1 下拉菜單

    7.3.2 列表項

    7.4 表單樣式實例

    7.4.1 定義背景樣式

    7.4.2 設置輸入文本的樣式

    7.4.3 下劃橫線代替文本框特效

    7.4.4 隨鼠標點擊換色的輸入框

    7.4.5文本框中只能輸入數字

    第8章使用CSS設計表格樣式

    8.1 創建表格

    8.1.1 表格的基本構成table、tr、td

    8.1.2 設置表格的標題caption

    8.2 設置表格基本屬性

    8.2.1 設置表格寬度width

    8.2.2 設置表格高度height

    8.2.3 設置表格對齊方式align

    8.3 設置表格的屬性

    8.3.1表格的邊框寬度border

    8.3.2 表格邊框顏色bordercolor

    8.3.3 設置表格陰影

    8.3.4 設置表格的漸變背景

    8.4實例應用

    8.4.1 變換背景色的表格

    8.4.2 表格隔行換色特效

    8.4.3 dl dt dd實現表格佈局

    8.4.4 鼠標經過時改變表格行的顏色

    8.4.5 CSS用虛線美化表格的邊框

    第9章 使用CSS定義鏈接樣式

    9.1 鏈接樣式設置基礎

    9.1.1 光標屬性cursor

    9.1.2 定義下劃線樣式text-decoration

    9.1.3 未訪問過的鏈接a:link

    9.1.4 鼠標懸停時狀態a:hover

    9.1.5 已訪問超鏈接樣式a:visited

    9.1.6 超鏈接的激活樣式a:active

    9.2 實例應用

    9.2.1 不同的鼠標顯示樣式

    9.2.2向鏈接添加不同的樣式

    9.2.3 按鈕式超鏈接

    9.2.4翻轉式超鏈接

    9.2.5 設計導航菜單

    第 10章 CSS中的濾鏡

    10.1 濾鏡概述

    10.2 動感模糊

    10.3 對顏色進行透明處理

    10.4 設置陰影

    10.5 對象的翻轉

    10.6 發光效果

    10.7 X光片效果

    10.8 波形濾鏡

    10.9 遮罩效果

    第 11章 DIV+CSS佈局入門

    11.1認識盒模型

    11.2 外邊距

    11.2.1 上外邊距margin-top

    11.2.2 右外邊距margin-right

    11.2.3 下外邊距margin-bottom

    11.2.4 左外邊距margin-left

    11.3 內邊距

    11.3.1 左內邊距padding-top

    11.3.2 右內邊距padding-right

    11.3.3 下內邊距padding-bottom

    11.3.4 左內邊距padding-left

    11.4 邊框

    11.4.1 邊框樣式border-style

    11.4.2 邊框寬度border-width

    11.4.3 邊框顏色border-color

    11.4.4 邊框屬性border

    11.5 CSS佈局理念

    11.5.1 將頁面用Div分塊

    11.5.2 設計各塊的位置

    11.5.3 用CSS定位

    第 12章 用CSS定位控制網頁佈局

    12.1 position定位

    12.1.1**定位absolute

    12.1.2固定定位fixed

    12.1.3相對定位relative

    12.2 浮動定位

    12.2.1 float屬性

    12.2.2 浮動佈局的新問題

    12.2.3 清除浮動clear

    12.3 定位層疊

    12.3.1 層疊順序

    12.3.2簡單嵌套元素中的層疊定位

    12.3.3 包含子元素的復雜層疊定位

    12.4 常見佈局類型

    12.4.1一列固定寬度

    12.4.2 一列自適應

    12.4.3 兩列固定寬度

    12.4.4兩列寬度自適應

    12.4.5兩列右列寬度自適應

    12.4.6 三列浮動中間寬度自適應

    12.5 實例應用

    12.5.1帶有邊框和邊界的圖像浮動於文本右側

    12.5.2創建水平菜單

    第 13章 移動網頁設計基礎CSS3

    13.1 邊框

    13.1.1 圓角邊框 border-radius

    13.1.2 邊框圖片border-image

    13.1.3 邊框陰影box-shadow

    13.2背景

    13.2.