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
有不明白的,請追問