幫助中心 | 我的帳號 | 關於我們

HTML5與CSS3核心技法

  • 作者:表嚴肅|責編:吳宏偉
  • 出版社:電子工業
  • ISBN:9787121400896
  • 出版日期:2021/01/01
  • 裝幀:平裝
  • 頁數:283
人民幣:RMB 109 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書介紹了前端開發的基礎——HTML和CSS。
    在介紹HTML內容時,采了一種作者的分類——布局類元素和功能類元素,這樣便於讀者釐清元素的脈絡。
    在介紹CSS內容時,也給出了一條清晰的主線,便於讀者抓大放小,快速建立自己的知識框架。
    本書在講解每一個知識點時,都用簡潔的文字說清其功能,並配有例子。每一個例子都提供在線效果演示,從而讀者有直觀的感受,真正掌握一項功能的用法。
    意向將來從事前端開發的讀者,可以將本書作為學習的起點。對於正在從事前端開發的讀者,可以將本書作為一本速查手冊。

作者介紹
表嚴肅|責編:吳宏偉
    表嚴肅,「表嚴肅教育」「月光評級」創始人。在技術與教育領域深耕多年,以對技術的深刻認識和通俗易懂的講解方式為廣大網友所喜愛。網友戲稱:「聽他的課有快感,能下飯」。

目錄
第1章  寫在前面
  1.1  本書約定
  1.2  在線查看示例效果
  1.3  前後端開發
    1.3.1  前端開發是怎麼回事?
    1.3.2  JavaScript和前端開發是什麼關係?
    1.3.4  後端開發是怎麼回事
  1.4  一張網頁的是怎麼載入出來的?
  1.5  伺服器端和客戶端
    1.5.1  伺服器端
    1.5.2  客戶端
  1.6  HTML和CSS的關係
    1.6.1  HTML是骨架
    1.6.2  CSS是皮膚
HTML篇
  第2章  HTML語法
    2.1  元素——構成網頁的基本單位
    2.2  元素的屬性——元素自身攜帶的功能和特性
    2.3  註釋——給代碼添加的備註信息
    2.4  本章小結
  第3章  布局類元素——房子的樓板、柱子和大樑
    3.1  布局元素必要的基礎
      3.1.1  <html>——最外層的元素,包含網頁的全部內容
      3.1.2  <head>——包含給機器看的內容
      3.1.3  <body>——包含給人看的內容
    3.2  其他布局元素
      3.2.1  <div>——結構級別的容器
      3.2.2  <main>——用於包裹頁面的主體內容
      3.2.3  <nav>——導航欄
      3.2.4  <header>——概述
      3.2.5  <section>——用於包裹有明確主題的區域
      3.2.6  <aside>——用於包裹非主體的內容
    3.10  <footer>——頁腳
    3.11  本章小結
  第4章  功能類元素——房子的門、窗、水管和電氣
    4.1  <a>——鏈接
    4.2  <h1>…<h6>——標題
    4.3  <img>——圖片
    4.4  <p>——段落
    4.5  <input>——單行文本輸入框
    4.6  <textarea>——多行文字輸入框
    4.7  <select>——下拉菜單
    4.8  <button>——按鈕
    4.9  <form>——表單
    4.10  <span>——文字級別的容器
    4.11  <strong>——強調
    4.12  <ol>——有序列表
    4.13  <ul>——無序列表
    4.14  表格類元素
    4.15  <iframe>——網頁里套嵌的網頁

    4.16  本章小結
CSS篇
  第5章  CSS基礎
    5.1  為啥不直接在HTML代碼中寫樣式
    5.2  了解CSS的語法
    5.3  引入CSS
      5.3.1  用<style>元素引入CSS
      5.3.2  用<link>元素引入CSS
      5.3.3  用@import指令引入CSS
      5.3.4  用style屬性嵌入行內樣式
    5.6  本章小結
  第6章  選擇器——確定樣式的作用範圍
    6.1  選擇器的類型
      6.1.1  元素選擇器——div
      6.1.2  類選擇器——.class
      6.1.3  ID選擇器——#id
      6.1.4  屬性選擇器——[prop=value
      6.1.5  全局選擇器
    6.2  選擇器的組合使用
      6.2.1  分組選擇——多個選擇,一套樣式
      6.2.2  多條件選擇——多個選擇,同一個元素
      6.2.3  後代選擇——通過「先人」找「後人」
      6.2.4  子選擇——通過「爸爸」找「兒子」
      6.2.5  相鄰兄弟選擇——找「弟弟」
      6.2.6  通用兄弟選擇——找所有「弟弟」
    6.3  偽類——按元素狀態指定樣式
    6.4  偽元素——不是元素,勝似元素
    6.14  本章小結
  第7章  權重——樣式發生衝突時怎麼辦
    7.1  了解權重的級別
    7.2  幾種選擇器的權重
      7.2.1  全局選擇器的權重
      7.2.2  ID選擇器和包含ID的屬性選擇器的權重
      7.2.3  權重最高的關鍵詞——!important
    7.3  繼承
    7.4  本章小結
  第8章  給文字加樣式
    8.1  塊方向和行內方向
    8.2  text-indent——文字縮進
    8.3  text-align——文字對齊
    8.4  line-height——行高
    8.5  vertical-align——文字垂直對齊
    8.6  字距和詞距
    8.7  text-decoration——文字裝飾
    8.9  white-space——空白字元
    8.10  word-break——換行和斷詞
    8.11  本章小結
  第9章  字體
    9.1  字體族(字體家族)
    9.2  font-family——為文字指定字體

    9.3  @font-face——為文字指定確切的字體
    9.4  font-weight——為字體指定粗細
    9.5  font-size——為字體指定大小
    9.6  本章小結
  第10章  框模型——所有元素都有四個框
    10.1  識框模型
    10.2  內容區
    10.3  padding——內邊距
    10.4  border——邊框
    10.5  margin——外邊距
    10.6  本章小結
  第11章  框的其他相關樣式
    11.1  outline——輪廓
    11.2  color——文字顏色
    11.3  background——背景
    11.4  box-sizing——框尺寸
    11.5  box-shadow——框陰影
    11.6  overflow——溢出
    11.7  本章小結
  第12章  顯示方式——元素怎麼顯示
    12.1  none——不顯示
    12.2  block——佔據母元素的整個寬
    12.3  inline——寬度由內容的多少決定
    12.4  inline-block——結合了前兩種顯示方式
    12.5  本章小結
  第13章  定位方式——元素該顯式在什麼位置
    13.1  static——往網頁的左上角流動
    13.2  relative(相對定位)
    13.3  absolute(絕對定位)
    13.4  fixed(固定定位)——與窗口同步
    13.5  sticky(粘滯定位)——自動「掛住」
    13.6  本章小結
  第14章  元素層疊順序
    14.1  默認情況下的層疊順序
    14.2  通過非static定位方式展示層疊
    14.3  通過z-index手動調整層疊
    14.4  本章小結
  第15章  值和單位
    15.1  關鍵詞
    15.2  字元串
    15.3  URL資源地址
    15.4  數字和百分比
    15.5  長度
    15.6  計算值
    15.7  顏色
    15.8  本章小結
  第16章  浮動
    16.1  理解浮動
    16.2  單元素浮動的顯示方式
    16.3  多元素浮動的顯示方式

      16.3.1  浮動容器
      16.3.2  多元素浮動的關係
    16.4  浮動思維模型
    16.5  清除浮動
    16.6  本章小結
  第17章  響應式布局
    17.1  媒體的類型
    17.2  媒體的特性
    17.3  規則組合
    17.4  添加媒體查詢的常見方式
    17.5  本章小結
  第18章  彈性布局
    18.1  彈性盒(Flexbox)
    18.2  了解Flex(軸)
    18.3  Flex的屬性
      18.3.1  flex-direction——控制主軸方向
      18.3.2  flex-wrap——子項是否可以換行
      18.3.3  flex-flow——同時指定方向和換行模式
      18.3.4  justify-content——主軸方向排列方式
      18.3.5  align-items——交叉軸方向排列方式
      18.3.6  align-content——行列排列方式
      18.3.7  align-self——交叉軸例外排列
      18.3.8  flex-grow——侵略剩餘空間的胃口
      18.3.9  flex-shrink——在空間不足時做出讓步的「意願」
      18.3.10  flex-basis——彈性子項的基礎尺寸
    18.4  本章小結
  第19章  網格布局
    19.1  一切無外乎行和列
    19.2  容器和子項
    19.3  行與列
    19.4  網格線
    19.5  定義方式網格模板
    19.6  調整網格間距
    19.7  調整子項的位置
    19.8  調整網格中的區域
    19.9  網格排列方式
    19.10  本章小結
  第20章  動畫
    20.1  transition——過渡
    20.2  animation——動畫
    20.3  本章小結

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032