金魚都能懂的CSS必學屬性:網頁設計必備寶典 ( 繁體 字) |
作者:李建杭(Amos)著 | 類別:1. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:博碩文化 | 3dWoo書號: 55731 詢問書籍請說出此書號!【缺書】 NT定價: 720 元 折扣價: 540 元
|
出版日:4/24/2022 |
頁數:480 |
光碟數:0 |
|
站長推薦: |
印刷:全彩印刷 | 語系: ( 繁體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9789864348824 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介:
???????臺灣第一本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 動畫
|
序: |