Java課程是為了今日．Python課程是為了將來

除了上篇說到的程式語言外，還有哪些語言將會消失呢?

即將消失的程式語言有哪些呢?讓我們一起來看看!

學習HTML與CSS是前端工程師的必備知識
在這篇中提到：Class 及 ID 都是使用者設定的選擇器 (selector)。Class 選擇器的說明如這篇，ID 選擇器的說明如下
ID 選擇器
Class 的宣告法，就是先放一個井字號 (#)，再列出選擇器名稱。格式如下所示：
ID 名稱{
屬性：設定值；
...
}
舉例來說，如前端工程師要定義導覽列的顏色為代號「#0000FF」的顏色時，宣告的 CSS 就會如下：
#navbar {
color:#0000FF;
}
如果要將以上的樣式套用在 HTML 中，前端工程師可以用以下的 HTML 碼：
<p class="navbar">這是用 id 選擇器定義 navbar 文字顏色為「#0000FF」純藍色的例子。</p>
以上宣告顯示如下：

這是用 id 選擇器定義 navbar 文字顏色為「#0000FF」純藍色的例子。

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

CSS和HTML是成為前端工程師第一步!
在這篇內提到：CSS的用處就像是 HTML 的化妝師，在此篇再加以說明 CSS 的特性。

在這篇中要提到的是Class 及 ID 都是使用者設定的選擇器 (selector)。要成為前端工程師這必備的知識之一。
ID 選擇器的說明如這篇，Class 選擇器的說明如下
Class 選擇器
Class 的宣告法，是先放一個英文半形句點，再列出選擇器名稱。格式就如同下方所列：
Class 名稱 {
屬性：設定值；
...
}
舉例來說，假如前端工程師要定義導覽列的顏色為代號「#0000FF」的顏色，宣告的 CSS 就像下方所示：
.navbar {
color:#0000FF;
...
}
要將上頭的樣式套用在 HTML 內，我們用以下的 HTML 碼：
<p class="navbar">這是用 Class 選擇器定義文字顏色為「#0000FF」純藍色的例子。</p>
以上宣告顯示如下：

這是用 Class 選擇器定義文字顏色為「#0000FF」純藍色的例子。

   ▶ 參考資料：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教學(下):各式標籤隨你標

網頁設計課程教你為網站上妝:CSS基礎

上到賺到,HTML5教學還不夠,老師還繼續教CSS語法

認真上HTML5教學,踏足出版業就業路更寬廣

HTML5教學上完還不夠,加強CSS語法讓你的網站獨樹一格
上HTML5教學一定要懂的入門小知識-字型.排序
 

想成為一位前端工程師 怎麼能不會時十六進位代碼常用顏色表呢?這篇文章就把最常用的代碼濃縮成精華的懶人包,讓你輕鬆搞定所有顏色代碼!
網頁顏色是在全球資訊網(world wide web,也就是 www)上設計網頁時，表示各種顏色的方法。通常使用三組十六進位數字表示，部分常用顏色 (如三原色：紅、藍、綠) 也可以用英語名稱 (red、blue、green)來表示。此外，尚有直接使用多組十進位表示的方法。
十六進位數字表示方法
在 HTML 和 CSS 中用 3 位元組，以 6 個十六進位數字表示一種顏色。每位元組從 00 到 FF，最前面都是「#」開頭，接續在「#」之後的前兩位數字是紅色的值，中間兩位是綠色的值，最後兩位是藍色的值。
根據維基百科敘述，因為網頁是依照電腦瀏覽器 (就是 IE、Chrome、Safari 等) 開發的媒體，所以顏色都以光學三原色 RGB（紅、綠、藍）為主。 網頁顏色是用16 進位代碼表示，通常都是以「#」號開頭，後面分為紅、綠、藍的16位元進位數。FF 為最大數，譬如說白色是 R、G、B 三個顏色的最高值，在網頁程式碼便是：#FFFFFF。黑色是三個顏色為 0，在網頁程式碼便是：#000000。
範例如下：
#FF0000 - 這個 HTML 代碼是要宣告純粹紅色的最高值，所以前兩個數字為 F，因為不包含任何的藍色與綠色，所以後兩組的兩個數字為 0，宣告結果為:     
#00FF00 - 這個 HTML 代碼是要宣告純粹綠色的最高值，所以中間兩個數字為 F，因為不包含任何的紅色與藍色，所以前後兩組的兩個數字為 0，宣告結果為:     
#0000FF - 這個 HTML 代碼是要宣告純粹藍色的最高值，所以後兩個數字為 F，因為不包含任何的紅色與綠色，所以前兩組的兩個數字為 0，宣告結果為:     
#FFFF00 - 純紅色與純綠色的結合，所以前兩組的兩個數字為 F，宣告結果為:     
#CCEEFF - 取一些紅色與綠色的值，並設定藍色為最大值，出現了天空藍:     
十進位表示法
十進位表示法為「rgb(紅色值,綠色值,藍色值)」，數值從最小到最大範圍為 0-255。可以表示的顏色數總共有：256*256*256 = 16777216 種。
常用顏色懶人包，前端工程師複製貼上即可!
常用顏色如下所示， 前端工程師需要宣告以下顏色時，複製其中的 16 進位代碼貼在自己的 HTML/CSS 即可。

#FFFFFF

#DDDDDD

#AAAAAA

#888888

#666666

#444444

#000000

#FFB7DD

#FF88C2

#FF44AA

#FF0088

#C10066

#A20055

#8C0044

#FFCCCC

#FF8888

#FF3333

#FF0000

#CC0000

#AA0000

#880000

#FFC8B4

#FFA488

#FF7744

#FF5511

#E63F00

#C63300

#A42D00

#FFDDAA

#FFBB66

#FFAA33

#FF8800

#EE7700

#CC6600

#BB5500

#FFEE99

#FFDD55

#FFCC22

#FFBB00

#DDAA00

#AA7700

#886600

#FFFFBB

#FFFF77

#FFFF33

#FFFF00

#EEEE00

#BBBB00

#888800

#EEFFBB

#DDFF77

#CCFF33

#BBFF00

#99DD00

#88AA00

#668800

#CCFF99

#BBFF66

#99FF33

#77FF00

#66DD00

#55AA00

#227700

#99FF99

#66FF66

#33FF33

#00FF00

#00DD00

#00AA00

#008800

#BBFFEE

#77FFCC

#33FFAA

#00FF99

#00DD77

#00AA55

#008844

#AAFFEE

#77FFEE

#33FFDD

#00FFCC

#00DDAA

#00AA88

#008866

#99FFFF

#66FFFF

#33FFFF

#00FFFF

#00DDDD

#00AAAA

#008888

#CCEEFF

#77DDFF

#33CCFF

#00BBFF

#009FCC

#0088A8

#007799

#CCDDFF

#99BBFF

#5599FF

#0066FF

#0044BB

#003C9D

#003377

#CCCCFF

#9999FF

#5555FF

#0000FF

#0000CC

#0000AA

#000088

#CCBBFF

#9F88FF

#7744FF

#5500FF

#4400CC

#2200AA

#220088

#D1BBFF

#B088FF

#9955FF

#7700FF

#5500DD

#4400B3

#3A0088

#E8CCFF

#D28EFF

#B94FFF

#9900FF

#7700BB

#66009D

#550088

#F0BBFF

#E38EFF

#E93EFF

#CC00FF

#A500CC

#7A0099

#660077

#FFB3FF

#FF77FF

#FF3EFF

#FF00FF

#CC00CC

#990099

#770077

如何在HTML/CSS中宣告顏色代碼
 
HTML 宣告語法如下：
<!-- In your HTML document --> <body> <h1 style="color:#CD5C5C">Indian Red Title Text</h1> <p style="color:#000000">Slate gray paragraph text</p> </body>
 
CSS 宣告語法如下：
/* In your .css stylesheet */ h1 { color: #CD5C5C ; } p { color: #000000; }
 
推薦閱讀:

前端工程師跟後端學的東西差很大!

HTML5教學後要學什麼?當然是CSS語法,讓網頁更美觀!

免費HTML5教學(上):網路行銷如虎添翼
HTML5教學解碼網頁區塊圖和表格

認真上HTML5教學,踏足出版業就業路更寬廣
利用HTML5教學讓你的電子書栩栩如生,停不下來!

上到賺到,HTML5教學還不夠,老師還繼續教CSS語法

  
 

 
企業永續性的數位轉型的重要關鍵竟是AI人工智慧!

 
一位上半場人生受挫的網友對達內教育評價非常鼓舞人心,猶豫不決的網友趕緊下決心吧!

醫療產業+UI課程=高薪專業人士,全世界都是我的職場人生雙贏不GG