三種實作方式:1.在html標籤內使用style屬性定義css樣式;2、在html檔案頭部「c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927」標籤內寫入css樣式;3 、透過「2cdf5bf648cf2f33323966d7f58a7f3f」標籤引入外部CSS樣式文件。
本教學操作環境: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中文網其他相關文章!