iT邦幫忙

2

CSS課程 - 講師:飛肯-姜智豪

css
  • 分享至 

  • xImage
  •  

CSS課程 - 講師:飛肯-姜智豪
第一堂課
1.所謂的CSS預設值
2.如何為標籤加上CSS
3.內部CSS與外部CSS
4.em與px的差別

em是百分比的概念
設定em時,該標籤會去往上層找有設定PX的標籤
如果都沒有,最終會去抓取瀏覽器的文字預設值
一般來說是16px
而以16px為基準的例子
如果你需要一個字體是20px
那你可以設定1.25em的字體。
而設定em的好處是
如果有一天想改變文字整體大小
那你只要改當初設定的第一個px
( 通常是設定body{} )

5.padding( 內間距 )與margin( 外間距 )
6.漸進式寫法

是指當流覽器無法支援CSS3規範的語法的時候
CSS2的語法要先寫在前面。
那這樣至少可以抓到CSS2規範的那行CSS修飾

7.box model規則

當padding 遇到width height的時候
就會相加起來,畫面救會往外跨大撐大。
當padding 沒有遇到width height的時候
內容文字就會往內縮

8.font-family
*.會依照先後順序去抓字型
*.有一個技巧就是先放Arial,再放"微軟正黑體"
那就會變成英文先套用Arial,中文字沒有Arial
中文字就會套用微軟正黑體
*.最後加上 sans-serif,會去抓系統預設的黑體字


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言