iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 15
0

今天的文章可能特~~~別的簡短嗚嗚 /images/emoticon/emoticon02.gif
因為我們不是要介紹什麼CSS的標籤功能,而是要來說說CSS在程式中的用法。

CSS的使用方法總共有兩種,

  • 直接寫在某標籤中(CSS寫在內部)
  • 指定id、class樣式(CSS寫在外部)

第一種寫在標籤中

<span style="color: blue;">這是藍色的字喔!</span>

這就是把CSS放到HTML的格式裡面,
color: blue;是CSS的屬性和值,必須放在HTML的屬性style的設定。

第二種設定id、class(此範例為id)

<style>
    #idname{color: blue;}
</style>
<span id="idname">這是藍色的字喔!</span>

應該說是單獨把style的部分另外做整理,在<style></style>裡面,""#""後面接上id的名字(idname),"".""後面接的是class的名稱,在style那邊設定完CSS後,在想要使用這個CSS設定時,只要把id名字加到使用的HTML標籤裡就可以囉!

以上兩個程式碼顯示出來的結果都是一樣的喔!


上一篇
Day14-CSS介紹
下一篇
Day16-CSS設計(1) / 顏色
系列文
每個人都可以做出理想中的網站!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言