CSS選擇器宣告法-初階前端工程師入門

想必大家對前端工程師都充滿了好奇與期待,現在我們要慢慢地去瞭解這份工作到底需要必備什麼工作技能?

前端工程師入門課程偷偷地先透露一點給你知道!!

CSS不難,需要用點心學習;您就能躍身為前端工程師的一份子了!!

在這篇中提到：Class 及 ID 都是使用者設定的選擇器 (selector)。Class 選擇器的說明如這篇，ID 選擇器的說明如下

ID 選擇器

Class 的宣告法，是先放一個井字號 (#)，之後再列出選擇器名稱。格式如下：

ID 名稱{ 
屬性：設定值；
...
}

舉例來說，如我們要定義導覽列的顏色為代號「#0000FF」的顏色時，宣告的 CSS 如下：

#navbar {
color:#0000FF;
}

要將以上的樣式套用在 HTML 內，我們用以下的 HTML 碼：

<p class="navbar">這是用 id 選擇器定義 navbar 文字顏色為「#0000FF」純藍色的例子。</p>

以上宣告顯示如下：

這兩者最大的不同，在於 ID 選擇器在一個 HTML 文件中只能被使用一次，而 Class 選擇器在一個 HTML 文件中可以被使用多次。
另外，是 ID 選擇器可以被 Javascript 中的 GetElementByID 函數所運用，而 Class 選擇器無法被 Javascript 運用到。
至於何時要用 ID 、何時要用 Class，並沒有絕對的規則。但是大多的時候，Class 選擇器的使用頻率較高，因為 Class 選擇器在一個 HTML 文件中，可以被使用多次。但是當你要用 Javascript 的 GetElementByID 函數時，你就應該要用 ID 選擇器。
Class 名稱及 ID 名稱，大寫與小寫是不同的，不能互用。例如：.navbar 及 .NavBar，是代表兩個不同的 Class 選擇器。

所以基礎的CSS課程,透過這些步驟前端工程師的日子指日可待!!

推薦閱讀:

網頁設計學習零負擔-簡易的HTML5教學

HTML5教學之靈活運用網頁設計

HTML5教學等程式語言可以創造超逼真的...

不想再領死薪水?來上Java課程,保證你笑咪咪領高薪!

搶救低薪大作戰,再不來上Java課程就來不及了!

還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!

讓你實現目標與夢想的技術實力-Java課程