Site Loader

成為前端工程師前的小知識,您都知道了嗎?

成為前端工程師前的小知識,您都知道了嗎?
成為前端工程師前的小知識,您都知道了嗎?

 

成為前端工程師的小技巧現在交給你,趕快拿起紙筆記下來!!

CSS語法教學不可不知的入門課程現在告訴你!!

Class 選擇器

Class 的宣告法,是先放一個英文半形句點,再列出選擇器名稱。格式如下參考:

Class 名稱 { 屬性:設定值; … }

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

.navbar { color:#0000FF; … }

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

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

以上宣告顯示如下:

▶ 參考資料:HTML和CSS的網頁顏色代碼對照表

一個 Class 選擇器可以同時有好幾個不一樣的物件 (instance)。語法如下:

【型類選擇器】.【選擇器名稱】 { 【型類選擇器】.【選擇器名稱】 … }

舉例來說,若有以下的 CSS 宣告:

b.special {   color:#0000FF; } i.special {   color:#000000; }

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

這個例子顯示出 <b class=”special”>同一個選擇器</b>可以<i class=”special”>有不一樣的 instance。</i>

以上宣告顯示如下:

這個例子顯示出同一個選擇器可以有不同的 instance。.

是不是發現前端工程師好像也沒有想像的那麼難呢?

推薦閱讀:

他們都沒有相關背景,竟都如願變成工程師,來聽聽他們去哪裡上HTML5教學

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

HTML5教學之標籤的重要性-網頁設計更上手的小秘密

神奇的Java課程-竟可讓人從零經驗到成為工程師不用一年!!?

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

Java課程助你擠進IT專業職場大門

中國IT教育領導品牌 達內教育集團第一家海外授權中心

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *