庫存狀況
「香港二樓書店」讓您 愛上二樓●愛上書
我的購物車 加入會員 會員中心 常見問題 首頁
「香港二樓書店」邁向第一華人書店
登入 客戶評價 whatsapp 常見問題 加入會員 會員專區 現貨書籍 現貨書籍 購物流程 運費計算 我的購物車 聯絡我們 返回首頁
香港二樓書店 > 今日好書推介
二樓書籍分類
 
金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)

金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)

庫存=1
將於1個工作天內出貨
9789864348824
李建杭(Amos)
博碩
2022年5月03日
240.00  元
HK$ 216  






ISBN:9789864348824
  • 規格:平裝 / 480頁 / 17 x 23 x 2.02 cm / 普通級 / 全彩印刷 / 初版
  • 出版地:台灣


  • 電腦資訊 > 網頁開發設計 > HTML/CSS/JavaScript

















      瞭解CSS的基本語法與設計!

      跟著豐富範例學習CSS屬性!

    ?

      本書內容改編自第12屆iT邦幫忙鐵人賽Modern Web組優選系列文章《金魚都能懂的CSS必學屬性》,本書內容針對網頁切版最常見的CSS屬性來詳細介紹,不管是剛接觸網頁的新手,或者是已接觸過一段時間的開發老手,對於該學習哪些什麼CSS屬性總是會有些混亂,因此本書針對「網頁切版」所需要的CSS屬性做完整詳細的說明,由淺入深,讓你可以理解哪些CSS屬性是一定要學習的。

    ?

      在網頁切版的世界中,存在太多的「方法」,對於許多新手來說,這些方法都是可以學習的,但學習後卻常常不懂為何要這樣寫?許多CSS屬性的最根本特性是多數新手忽略的技能本質,本書希望透過淺顯易懂的方式,讓網頁新手、前端工程師、後端工程師等皆能輕鬆在本書內獲得正確的觀念,並得到啟發,讓網頁切版不再存在迷惘與困惑。

    ?

      【教學影片】

      ?金魚都能懂的網頁設計入門:tinyurl.com/goldfishcss

      ?金魚都能懂的這個網頁畫面怎麼切:tinyurl.com/goldfishflex

      ?金魚都能懂的Bootstrap5網頁框架開發:tinyurl.com/goldfishBS5

    ?

    本書特色

    ?

      有效率使用CSS語法,完全掌握CSS的網頁設計技術!

      為初學者所寫的入門書,所有該懂的CSS知識全在這一冊!

      ?介紹新手都該知道的CSS屬性

      ?說明CSS常見的盲點與誤區

      ?了解CSS經常使用到的單位

      ?介紹CSS常見的函式

      ?瞭解文字相關的重要CSS屬性

      ?瞭解背景的多樣化CSS設定

      ?學習FLEX排版的CSS重要原理

      ?學習GRID排版的CSS重要原理

      ?學習POSITION定位原理

      ?說明盒模型定義與細節

    ?

    好評推薦

    ?

      「寫了網頁很多年的時間,很多時候都是似懂非懂的在調整畫面,看完金魚並且跟著練習一遍,才發現原來當初那些都是基礎不夠好,學好基礎以後再次看到跑版的畫面,已經不需再用亂猜亂試的方法。」──機密何

    ?

      「Amos用淺顯易懂的觀念和原理帶領大家進入網頁設計的世界,而《金魚都能懂的CSS必學屬性》囊括了最實用的CSS屬性,看完這本書,相信初學者也能靈活運用CSS屬性。」──阿蓉

    ?

      「這本書不僅是精華中的精華,更釐清了很多觀念,節省了很多繞遠路的時間。很多小技巧都非常實用,讓工作上能有更多靈活的運用。」──Alice

    ?

      「Amos憑藉著多年業界實戰以及教學經驗,將新手初探CSS必學的屬性整理在本書當中。在讀完這本書之後,對於CSS屬性一定能擁有基本且紮實的概念,再也不會出現看到一個版面,完全下不了手的窘境,給自己一個重新認識CSS屬性的機會吧!」──王泉富



     





    |Chapter 01| 你需要知道的CSS一些事

    1.1 CSS真的這麼難學嗎?

    1.2 CSS2、CSS3是什麼?那CSS4?

    1.3 什麼是瀏覽器支援度?

    1.4 如何查詢瀏覽器對CSS的支援度

    1.5 -webkit-或-moz-是什麼意思??

    1.6 CSS中的常見單位

    1.7 CSS函式一覽



    |Chapter 02| 文字與段落

    2.1 font-family字型設定

    2.2 網路字型的應用

    2.3 文字尺寸(font-size)

    2.4 文字粗細(font-weight)

    2.5 文字樣式(font-style)

    2.6 文字裝飾(text-decoration)

    2.7 文字行高(line-height)

    2.8 文字色彩(color)

    2.9 首行縮排(text-indent)

    2.10 文字水平對齊(text-align)

    2.11 字元間距(letter-spacing)

    2.12 方向(direction)

    2.13 空白字元(word-spacing)

    2.14 font字體設定



    |Chapter 03| 背景?

    3.1 背景色彩(background-color)

    3.2 背景圖片(background-image)

    3.3 背景線性漸層(linear-gradient)

    3.4 放射性 / 圓形漸層(radial-gradient)

    3.5 角度 / 圓錐形漸層(conic-gradient)

    3.6 背景位置(background-position)

    3.7 背景重複(background-repeat)

    3.8 背景尺寸(background-size)

    3.9 背景圖固定方式(background-attachment)?

    3.10 background背景簡寫



    |Chapter 04| 清單?

    4.1 清單(list-style)



    |Chapter 05| 邊框、外框、內外距、容器尺寸?

    5.1 邊框線與外框線(border & outline)

    5.2 寬與高(width & height)

    5.3 min-width & max-width 以及min-height & max-height

    5.4 外距與內距(margin & padding)

    5.5 盒尺寸(box-sizing)



    |Chapter 06| Display屬性及Flex、Grid排版

    6.1 Display屬性

    6.2 彈性排版(Flex)

    6.3 網格排版(Grid)



    |Chapter 07| 定位

    7.1 定位(position)

    7.2 上右下左距離設定(top、right、bottom、left)

    7.3 前後層級控制(z-index)



    |Chapter 08| 邏輯屬性

    8.1 邏輯屬性(Logical propertices)

    8.2 CSS邏輯屬性分類及作用

    8.3 邏輯屬性的使用情境



    |Chapter 09| 其他重點

    9.1 變形(transform)

    9.2 濾鏡效果(filter)

    9.3 不透明度(opacity)

    9.4 溢位(overflow)

    9.5 陰影

    9.6 圓角(border-radius)

    9.7 動畫





    其 他 著 作