iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

基礎中的基礎系列系列 第 11

基礎中的基礎之css環境設立

  • 分享至 

  • xImage
  •  

前面相信大家有了基本的html觀念以後,我們將進入下一個部分-css:

css:
CSS 既非標準程式語言,也不是標記語言, 而是一種風格頁面語言(style sheet language):它能讓你在 HTML 文件中的元素(element)上套用不同的頁面樣式(style)。

例如你想在html標籤加入顏色,你可以這樣寫:

<h1 style="color:red"> hello world! </h1> //行內(inline)
或是
<p> hello world! </p>
p{
   color:red;
   }

但今天不是要來講這部分,今天是要講如何設立css環境

首先你必須加入一串說明,告訴編輯器你要加入一篇css嘞

語法如下:

<link href="styles/style.css" rel="stylesheet" type="text/css">
href:告訴編輯器你的css檔案放在哪裡
rel:rel是關連的意思,關聯的是一个樣式表(stylesheet)文檔,它表示這個link在文檔初始化時將被使用。
type:告訴編輯器檔案的屬性

寫完這段語法後,就可以開開心心地寫css嘍!!


上一篇
基礎中的基礎系列之form,input
下一篇
基礎中的基礎之- Css Reset
系列文
基礎中的基礎系列30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言