PIXNET Logo登入

Java瑪奇朵-非本科系的IT吃喝電玩日誌

跳到主文

歡迎光臨Java工程師在痞客邦的小天地

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 3月 07 週四 201908:00
  • 前端工程師專欄:CSS的Class選擇器宣告法

前端工程師專欄:CSS的Class選擇器宣告法
 
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類:
▲top
  • 3月 06 週三 201922:00
  • 廣受好評的達內教育與英特爾惠普合作,為培養更優秀的IT人才!

廣受好評的達內教育與英特爾惠普合作,為培養更優秀的IT人才!
國內廣受好評的達內教育集團與英特爾和惠普合作,為了培養更優秀技能更好的IT產業人才! 解決人才短缺的困境!!
5月10日,中國最大的職業教育公司達內教育集團(簡稱:達內教育)攜手全球領先的IT企業惠普公司和英特爾公司在亦莊達內教育大廈舉辦“引領數位化職業教育解決方案媒體分享會”,達內首都片區總經理王利鋒向媒體介紹了達內公司的發展現狀、特色優勢以及達內與惠普、英特爾,共同打造引領數位化職業教育解決方案的成果展示。
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:
▲top
  • 3月 06 週三 201907:00
  • 前端工程師專欄:CSS的ID選擇器宣告法

前端工程師專欄:CSS的ID選擇器宣告法
前端工程師專欄來啦!! 這一篇提到的是CSS的ID選擇器宣告法~ 快學起來吧!!
在這篇中提到: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 文件中則可以被使用多次。
另外,是 ID 選擇器可以被 Javascript 中的 GetElementByID 函數所運用,而 Class 選擇器不能被 Javascript 運用到。
至於何時要用 ID 、何時要用 Class,並沒有絕對的規則。但是大多的時候,Class 選擇器的使用頻率較高,因為 Class 選擇器在一個 HTML 文件中,可以被使用多次。但是當你要用 Javascript 的 GetElementByID 函數時,你就應該要用 ID 選擇器。
Class 名稱及 ID 名稱,大寫與小寫是不同的,不能互用。例如:.navbar 及 .NavBar,是代表兩個不同的 Class 選擇器。 今天的分享喜歡嗎? 喜歡的話也幫我分享給你的前端工程師好友吧!!
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:
▲top
  • 3月 05 週二 201915:00
  • HTML和CSS網頁顏色代碼複製貼上!! 前端工程師快比這篇收起來放!!

HTML和CSS網頁顏色代碼複製貼上!! 前端工程師快比這篇收起來放!!
前端工程師們快把這篇營養文存起來!! 看完學完,以後只要複製貼上就好!! 
網頁顏色是在全球資訊網(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; }  
 
其他閱讀
 

前端工程師和後端工程師的差異,想學網頁的你也一定要知道!


 


網頁設計課程必學CSS基礎一:要怎麼在HTML中導入化妝師CSS?


 


HTML5教學----CSS基礎語法:字型與文字排列相關順序


 


網路行銷課程用兩招讓你輕鬆了解黑帽白帽SEO的不同!


 


人工智慧進駐白色巨塔,預測敗血症高達八成五準確率!


 


實體商店的大福音!!用人工智慧幫你自動偵測缺貨標錯價!


 


Java課程、UI課程、程式課程、網路行銷課程推薦


(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(367)

  • 個人分類:
▲top
  • 3月 05 週二 201907:00
  • CSS語法格式第一要點!! 前端工程師們快學起來~

CSS語法格式第一要點!! 前端工程師們快學起來~
專屬前端工程師們的知識補給站!! 今天要來談的是CSS的語法格式要點!! 快筆記呀~!!
在這篇中提到:CSS 的用處好比 HTML 的化妝師,此篇再加以說明 CSS 的特性。
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類:
▲top
  • 3月 04 週一 201914:00
  • 前端工程師在找的Class選擇器說明書在這裡!! 看完一定會!!

前端工程師在找的Class選擇器說明書在這裡!! 看完一定會!!
 
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:
▲top
  • 3月 04 週一 201908:00
  • 英特爾,惠普與達內教育為打造最大IT教育集團共同合作

英特爾,惠普與達內教育為打造最大IT教育集團共同合作
英特爾和惠普與國內知名大教育集團達內教育共同合作,為了打造最優質最大的IT教育集團!!
5月10日,中國最大的職業教育公司達內教育集團(簡稱:達內教育)攜手全球領先的IT企業惠普公司和英特爾公司在亦莊達內教育大廈舉辦“引領數位化職業教育解決方案媒體分享會”,達內首都片區總經理王利鋒向媒體介紹了達內公司的發展現狀、特色優勢以及達內與惠普、英特爾,共同打造引領數位化職業教育解決方案的成果展示。
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類:
▲top
  • 3月 01 週五 201921:00
  • 真人版鋼鐵人馬斯克退出自己的AI人工智慧團隊竟是因為他?!

真人版鋼鐵人馬斯克退出自己的AI人工智慧團隊竟是因為他?!
真人版鋼鐵人竟因為自對駕駛車特斯拉而退出一手建造的AI人工智慧團體?!! 這到底是真是假??
Python是最常被用於AI人工智慧的程式語言之一,科技帶來便利也可能帶來危害,這些是我們學習Python前都應該要知道的。
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(8)

  • 個人分類:
▲top
  • 3月 01 週五 201908:00
  • AI人工智慧撰寫科技恐被濫用,將因此有大量假新聞出現?!

AI人工智慧撰寫科技恐被濫用,將因此有大量假新聞出現?!
前陣子出現AI人工智慧的撰寫科技,小說文案通通難不倒她!! 但也因此恐有大量假新聞產出的疑慮!! 要小心啊~
AI 大量產出「可信度高」的假新聞與文章
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(16)

  • 個人分類:
▲top
  • 2月 28 週四 201922:00
  • 廣告文案想破頭嗎? 就讓人工智慧來幫你吧!! 新聞稿也沒問題喔~

廣告文案想破頭嗎? 就讓人工智慧來幫你吧!! 新聞稿也沒問題喔~
想不到的廣告文案通通交給人工智慧吧!! 不要再自己想破頭了!! 新聞稿或小說文章等等也沒問題!!
接續之前 Nvidia 研發的 AI 可以捏造幾可亂真的人臉圖片後,Tesla 特斯拉的 CEO 馬斯克投資的人工智慧研究團隊「OpenAI」最近也創造了一款可以撰文的文字產生器「GPT-2」,文筆造詣極佳,寫出的文章讓人以為是出自名家手筆。更神奇的是,只要給 GPT-2 少許的文字敘述,它馬上可以接下去,寫出的續集更勝原本的文字敘述!比起 OpenAI,當時寫出哈利波特續集的 AI 可是差遠了!(點此看:哈利扯下眼睛丟進森林、妙麗被...AI 寫《哈利波特》續章大獲好評!)如果你也想開發這樣的軟體,就快報名Python課程吧!!
(繼續閱讀...)
文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(417)

  • 個人分類:
▲top
«1...77787995»

個人資訊

Java瑪奇朵
暱稱:
Java瑪奇朵
分類:
職場甘苦
好友:
累積中
地區:

熱門文章

  • (34)日本首座自駕車公園盛大完工~人工智慧讓自駕車不再是夢!!
  • (1,219)HTML5教學教你如何做出逼真的書本翻頁動畫!!
  • (10,704)想做出精美的翻頁效果? HTML5教學6種變化直接告訴你!!
  • (25)你玩過人工智慧合成人臉,但你聽過貓也可以合成嗎? 貓咪合成後竟變這樣?
  • (61)Python不是大蟒蛇也不唸“派桑”~那到底怎麼唸呢?
  • (17)前端工程師和後端工程師的差別是什麼?
  • (2)UI設計課沒教的事:五個關於黑色的設計用法與意義~(上)
  • (25)一張圖秒懂Python,人工智慧和機器學習之間的關係!!
  • (1,309)人工智慧破解馬賽克!!64倍解析還原成無碼真心不騙!!
  • (48)AI人工智慧命名各種傻眼:甜點篇

文章分類

  • SEO (1)
  • SEO (30)
  • 設計 (1)
  • 設計 (36)
  • 網路行銷 (1)
  • 網路行銷 (1)
  • 網路行銷 (1)
  • 網路行銷 (15)
  • 前端工程師CSS基礎課程 (36)
  • 11月第四週分享 (5)
  • 11月第三週分享 (5)
  • 11月第二週分享 (5)
  • 11月第一週分享 (5)
  • 第五週學習 (5)
  • 第四週學習 (5)
  • 第三週學習 (5)
  • 第一週學習 (5)
  • 第二週學習 (5)
  • 程式設計課程相關 (444)
  • Java課程心得 (7)
  • 吃喝電玩 (7)
  • 未分類文章 (1)

最新文章

  • 人工智慧如何在戰火連天的烏俄地區幫助烏克蘭?
  • 討論度爆棚元宇宙時裝周竟犯這種失誤?完美步上20年前的後塵?
  • Google一出手就要打趴YouTube零廣告第三方撥放器?
  • 2022討論度最高的七大面向突破不可不知!!
  • 前端工程師開發網頁好助手非Emmet莫屬?為什麼?
  • Python和Java搞清楚差別了嗎?到底該怎麼選擇呢?
  • 日本最新發明讓你在虛擬的元宇宙裡也能體驗觸覺和痛覺!!
  • 人工智慧專業操盤手幫你選好潛力股和加密貨幣~真的能信嗎?
  • 台大打造人工智慧眼科診斷軟體,助糖尿病友預防視網膜病變!!
  • 使命必達的人工智慧機器人也要丟飯碗了?!人類不用再怕被取代了?

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣: