iT邦幫忙

2022 iThome 鐵人賽

DAY 3
0
自我挑戰組

CSS 面試趣系列 第 3

Day 3 - CSS 引用有哪幾種方法?

  • 分享至 

  • xImage
  •  

CSS 引用有哪幾種方法?

Interview Bit 的第 4 題。

題外話,別看這一題很簡單,但我還真的在筆試時被問過,而且不只一家公司會問到。

  1. 外部引用 css
<link rel="stylesheet" type="text/css" href="mystyles.css" />
  1. HTML 裡面加入 <style></style>
<style type="text/css">

/*Add style rules here*/

</style>
  1. HTML 元素中加入 inline styles
<h2 style="color:red;background:black">Inline Style</h2>
  1. .css 檔案匯入其他的 stylesheet

css 檔案裡面,使用 @import,也可以將stylesheet 匯入。但是每一次呼叫 @import 都會call 一次 server request,這是需要特別注意的地方。

@import "path/to/style.css";

參考資料:
Is it possible to include one CSS file in another?


上一篇
Day 2 - 什麼是 Box model?
下一篇
Day 4 - 什麼是 vh,vw?
系列文
CSS 面試趣30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言