首頁  >  文章  >  web前端  >  css在html中三種實作方式是什麼

css在html中三種實作方式是什麼

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-04-07 11:26:027157瀏覽

三種實作方式:1.在html標籤內使用style屬性定義css樣式;2、在html檔案頭部「c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927」標籤內寫入css樣式;3 、透過「2cdf5bf648cf2f33323966d7f58a7f3f」標籤引入外部CSS樣式文件。

css在html中三種實作方式是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css的樣式引用由3種方式。分別為內聯定義、鏈入內部CSS和鏈入外部CSS。

1、內聯定義

內聯定義,即在物件的標記內使用物件的style屬性定義適用的樣式表屬性,格式定義為:979369644c79032a0f83b7b07912a2a694b3e26ee717c64999d7867364b1b4a3,如下範例


瀏覽器此時顯示內容


2、鏈入內部CSS

CSS內連結是由c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 標記對放在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中,在c9ccee2e6ea535a969eb3f532ad9fe89中有一個類型屬性type,後面接test/css,表示CSS文本,語法格式如下:

<style type="text/css">
   /*这里写CSS内容*/
 </style>

範例如下:

  

#效果圖如下:


3.連結外部CSS

css外連結是把CSS檔案放在網頁外面,透過連結2cdf5bf648cf2f33323966d7f58a7f3f使CSS檔案對本網頁的樣式有效,就相當於C語言的 .h文件嘍。

2cdf5bf648cf2f33323966d7f58a7f3f裡面的屬性有type、rel、href,其中type固定為text/css,rel(即樣式表)固定為stylesheet, href自然指的就是css檔案的位址了,語法格式為:

 <link type="text/css" rel="stylesheet"  href="css文件的存放地址">

  範例程式碼如下:

  

  web.css內容為

  

 效果如下


#學習影片分享:css影片教學

以上是css在html中三種實作方式是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn