書名:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書),語言:繁體中文,ISBN:9789864348824,頁數:480,出版社:博碩,作者:李建杭(Amos),出版日期:2022/05/03,類別:電腦資訊

金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊


金魚都能懂的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屬性的機會吧!」──王泉富



詳細網址:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊



目錄


|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 動畫



詳細網址:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊



詳細資料


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



詳細網址:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊



作者介紹


作者簡介
 
李建杭(Amos Li)
 
  一個熱血的斜槓開發者,過去從事視覺設計師,後來轉職成為前端工程師,同時也是國內知名的前端技術講師及技術研討會講者,熟悉HTML、CSS、Bootstrap、RWD、CSS3等技術,2018年開始成為Youtuber,致力於使用簡單易懂的方式,讓新手學習前端網頁製作相關技術。
 
  連續三年在iT邦幫忙鐵人賽獲得三個冠軍、一個優選、一個佳作
  ♚冠軍 《金魚都能懂的網頁設計入門》
  ♚冠軍 《金魚都能懂的CSS選取器》
  ♚冠軍 《金魚都能懂的Bootstrap5網頁框架開發》
  ♚優選 《金魚都能懂的CSS必學屬性》
  ♚佳作 《金魚都能懂的這個網頁畫面怎麼切》
  
  【Youtube頻道】
  CSScoke
 
  【部落格】
  csscoke.com
 
  【臉書粉絲專頁】
  www.facebook.com/cssCoke
 
  【Line生活圈】
  使用Line搜尋「@CSScoke」即可找到



詳細網址:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊


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

詳細網址:金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)~好書精選[悅讀推薦]博客來 金石堂 好冊


資料來源:博客來,圖片來源:博客來





金魚都能懂的CSS必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書) 中文書>電腦資訊>網頁開發設計>HTML/CSS 博客來 金石堂 好書推薦 排行榜 今日66折 網路書局 暢銷書 優質團購 熱銷特賣 網友推薦 優惠精選 超值好貨 狂降優惠 推薦必買 熱銷排行 快速到貨 必BUY超值專區 TOP熱銷排行 新品上市 最新上架

arrow
arrow
    創作者介紹
    創作者 博客來好書推薦 的頭像
    博客來好書推薦

    經典排行榜暢銷書博客來金石堂推薦

    博客來好書推薦 發表在 痞客邦 留言(0) 人氣()