外部樣式怎麼寫
- 綜合知識
- 關注:1.73W次
1、首先我們我們新建一個記事本,並將記事本的名字改爲“引入外部css檔案和外部js檔案.html”,並回車鍵確定,以使檔案轉化爲瀏覽器可以開啟的html網頁檔案。
2、我們編寫一個html5的聲明標籤— <!DOCTYPE html>, 以使瀏覽器能認識到我們的文檔是一個html5的檔案,這樣就可以快速的正確解讀,以提高瀏覽的體驗。3、我們寫一個
4、我們用<meta>標籤設定字元的編碼格式爲:UTF-8,以使瀏覽器能夠正確的顯示我們的網頁。5、我們寫一個<body>標籤,用來包含網頁的主體部分。
6、我們寫幾個標籤以便在外部css檔案樣式表中,爲其設定樣式。7、我們新建一個css檔案,把txt的檔案後綴名改爲css即可,之後開啟就可以寫入css代碼了。
8、我們用標籤選擇器爲標籤、標籤和標籤的內容設定樣式。9、我們使用,<link>標籤將我們編寫的css檔案樣式表檔案其引入到我們當前的html檔案中來。
10、我們鼠標右擊在彈出的下拉選單中,我們選擇“在瀏覽器中開啟”這一項。11、我們看到我們編寫的樣式被應用到了標籤中文字上,說明我們的css外部樣式表檔案引入成功。
2. css外部樣式如何調用<link href="css/base.css" type="text/css" rel="stylesheet"/>;這個是外部引用樣式的方法
樓主的代碼
body{ background-image:url(00242851.jpg);
background-repeat:no-repeat;
background-position:160px 160px;
width:1800px;
}
這裏的width指的是body的大小
要想改變背景圖標的大小,css3有個屬性是background-size
不過不建議用,相容性不好,要想改變圖片大小還是把圖片再處理下吧,這樣可以不用佔用過多的cpu
有不明白的,請追問
- 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zh-hant/zonghezhishi/xz9lm6.html