回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 元學堂

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引
 

出版總覽
 

讀者服務
  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名：金魚都能懂的CSS必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書）
書號：MP22113 作者：李建杭（Amos）著 ISBN： 978-986-434-882-4
定價：NT$720元 印刷：彩色 頁數：480頁
書籍規格：17*23 上市日：2022/4/24 譯者：(無)
學習定位：初階 本書附件：無  
前往購買 >> 蝦皮購物 類別：電腦技術  
       
快速前往 快速前往        

 

 

    ☛☛☛☛☛☛☛台灣第一本CSS必學屬性！☚☚☚☚☚☚☚

    【Amos帶你搶先看】



    【本書特色】
    有效率使用CSS語法，完全掌握CSS的網頁設計技術！
    為初學者所寫的入門書，所有該懂的CSS知識全在這一冊！
    ✪介紹新手都該知道的CSS屬性
    ✪說明CSS常見的盲點與誤區
    ✪了解CSS經常使用到的單位
    ✪介紹CSS常見的函式
    ✪瞭解文字相關的重要CSS屬性
    ✪瞭解背景的多樣化CSS設定
    ✪學習FLEX排版的CSS重要原理
    ✪學習GRID排版的CSS重要原理
    ✪學習POSITION定位原理
    ✪說明盒模型定義與細節

    【內容簡介】
    瞭解CSS的基本語法與設計！
    跟著豐富範例學習CSS屬性！

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

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

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

    ──機密何


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

    ──阿蓉


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

    ──Alice


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

    ──王泉富



    【教學影片】
    ✪金魚都能懂的網頁設計入門，可點下方logo前往：



    ✪金魚都能懂的這個網頁畫面怎麼切，可點下方logo前往：



    ✪金魚都能懂的Bootstrap5網頁框架開發，可點下方logo前往：
 
    |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 動畫
 
    李建杭（Amos Li）
    一個熱血的斜槓開發者，過去從事視覺設計師，後來轉職成為前端工程師，同時也是國內知名的前端技術講師及技術研討會講者，熟悉HTML、CSS、Bootstrap、RWD、CSS3等技術，2018年開始成為Youtuber，致力於使用簡單易懂的方式，讓新手學習前端網頁製作相關技術。

    連續三年在iT邦幫忙鐵人賽獲得三個冠軍、一個優選、一個佳作
    ♚冠軍 《金魚都能懂的網頁設計入門》
    ♚冠軍 《金魚都能懂的CSS選取器》
    ♚冠軍 《金魚都能懂的Bootstrap5網頁框架開發》
    ♚優選 《金魚都能懂的CSS必學屬性》
    ♚佳作 《金魚都能懂的這個網頁畫面怎麼切》

    【Youtube頻道】
    https://www.youtube.com/c/csscoke

    【部落格】
    http://csscoke.com

    【臉書粉絲專頁】
    https://www.facebook.com/cssCoke

    【Line生活圈】
    使用Line搜尋「＠CSScoke」即可找到
 
 		  
     

博碩文化客服信箱
 

[email protected]
 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮、金門
汪 玉 鳳
LINE ID：0925177716
0925-177716
[email protected]		 郭 南 彤
LINE ID：rgtech101
0917-727778
[email protected]
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID：0925275775
0925-275775
[email protected]
助理分機 519		 嘉義、台南、高雄、屏東、台東、澎湖
林 月 玲
LINE ID：0926858627
0926-858627
[email protected]
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話：02-2696-2869 分機：623 [email protected]

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel：02-2696-2869　Fax：02-2696-2867　劃撥帳號：17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.