金魚都能懂的CSS必學屬性：網頁設計必備寶典(iT邦幫忙鐵人賽系列書)
讓網頁切版不再存在迷惘與困惑。
活動訊息
內容簡介
瞭解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 動畫
配送方式
-
台灣
- 國內宅配：本島、離島
-
到店取貨：
不限金額免運費
-
海外
- 國際快遞：全球
-
港澳店取：
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
退換貨須知：
**提醒您，鑑賞期不等於試用期，退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，以下商品購買後，除商品本身有瑕疵外，將不提供7天的猶豫期：
- 易於腐敗、保存期限較短或解約時即將逾期。（如：生鮮食品）
- 依消費者要求所為之客製化給付。（客製化商品）
- 報紙、期刊或雜誌。（含MOOK、外文雜誌）
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等）
- 已拆封之個人衛生用品。（如：內衣褲、刮鬍刀、除毛刀…等）
- 若非上列種類商品，均享有到貨7天的猶豫期（含例假日）。
- 辦理退換貨時，商品（組合商品恕無法接受單獨退貨）必須是您收到商品時的原始狀態（包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等），請勿直接使用原廠包裝寄送，或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀，將請您負擔回復原狀所需費用，嚴重時將影響您的退貨權益。
商品評價