網頁開發

4個步驟認識CSS基礎操作與選擇器

CSS基礎

CSS是程式語言嗎?

不是喔,CSS是風格頁面語言(style sheet language),全名是 「 Cascading Stylesheets 」 ,中文翻譯為「階層樣式表」,要讓網頁變漂亮、吸引人,呈現你期望的排版、樣式,使用CSS就對了!

CSS的功能就是以各種樣式來美化網頁,就好像你有了一間未裝潢新成屋,網頁想要變美,就需要找CSS來裝潢。

學CSS便是要學習怎麼讓CSS與HTML搭配,用CSS裝潢網頁,製作出美觀頁面。所以學習CSS前你需要有HTML的基礎,因為每個要被美化的東西都是HTML標籤,看不懂HTML就要先學CSS你會覺得很混亂,甚至根本就看不懂。

還不懂HTML?想要瞭解或喚起對HTML的記憶,可以閱讀《Python爬蟲必備的HTML概念,5個要點認識網頁的基本結構》、《15個常用的HTML標籤與屬性基本介紹》這兩篇文章。

本文以4個步驟說明CSS基礎,在瞭解CSS如何與HTML搭配後,接著說明CSS的語法規則、屬性,讓你學會CSS基本操作,並認識CSS選擇器是什麼。

15個常用的HTML標籤與屬性基本介紹

15個常用的HTML標籤與屬性基本介紹

最後更新時間: 2021 年 8 月 12 日

在《Python爬蟲必備的HTML概念,5個要點認識網頁的基本結構文章中,我們概要的認識了網頁的架構,知道<!DOCTYPE html>是宣告,功能是讓瀏覽器知道這是HTML,也知道網頁的架構就是由<html></html>、<head></head>、<body></body>三個大標籤(tags)所構成,分別表示網頁的工作範疇。

接著我們來簡單認識幾個常用的HTML標籤,及弄懂屬性(attributes)是什麼東西,知道怎麼使用常用的HTML標籤及屬性後,便可以運用基礎的知識,學習CSS,讓你具備架構網頁的知識與也知道如何設定選擇器(selectors),讓Python爬蟲來找尋你需要的資訊。

Python爬蟲必備的HTML概念,5個要點認識網頁的基本結構

HTML概念

最後更新時間: 2021 年 9 月 3 日

如果學習HTML,就跟學會日常生活中你有興趣的事類似,你會不會比較能夠感同身受,容易理解HTML的運作方式?

學習新的事物,要是可以與你的生活經驗結合,學習起來會比較親近點,好學一些。

它們可能很相似,也可能完全不同;若概念相似,可以讓你套用既有的經驗仿效學習,若是截然不同,也會讓你開開眼界,發現原來有這樣的方法,來組織起一個有價值的東西,讓你有所成長。