iT邦幫忙

DAY 26
2

只是路過 HTML5 系列 第 26

CSS組成

css
  • 分享至 

  • xImage
  •  

/*P是HTML語法中的<P>和</P>*/
P{
font-size: 110%;
font-family: garamond, sans-serif;
}

/*H2是HTML語法中的<H2>和</H2>*/
H2{
color: red;
background: white;
}

.highlight{
color: red;
background: yellow;
font-weight: bold;
}

上方範例程式為CSS的標準語法,
分別說明如下

選擇器(Selector)
就是{前面的代稱,例如上方的P和H2。

自訂選擇器
加了.{前面的代稱,例如上方的highlight。

屬性(property)
則是{}中:前的名稱。

值(value)
例如: 110%或是white這些,(長寬高、顏色、大小、位置)。

範例

.highlight{
color: red;
background: yellow;
font-weight: bold;
}

<P class="highlight">這個段落將被顯示為黃底紅字粗體。</P>

在原有的選擇器中加入class="highlight"就能做單一目標指定了。

*如果想要讓H1、H2、H3都使用一樣的設定呢?
只要在各個標籤之間加入空格,
例如:
H1 H2 H3{
color: red;
background: white;
}

參考連結
CSS的由來與基本嘗試建立「新手必讀」
http://6ala.com/teachingfiles/239


上一篇
●CSS說明
下一篇
●CSS使用方法
系列文
只是路過 HTML5 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言