初學js,html中引用css文檔

在寫css前,我們需要了解下css到底是一個什麼文檔,我查了百度百科,是這樣介紹的

層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。

在系統下的mshtml文件中存在css類,類名為"HTMLStyle"

初學js,html中引用css文檔

圖1

通過我的記事本對象瀏覽器可以看到圖1中右側的成員,

做個實例:(這個是我剛學的,寫的不好還望大神多多指教)

在桌面新建一個文檔,

初學js,html中引用css文檔

圖2

設置html文檔寬和高為100%,設置body寬和高100%,背景顏色88FFBB,可以按自己喜歡的顏色設置

初學js,html中引用css文檔

圖3

寫好css文件,另存為"js基礎.css",在建一個文檔,寫html代碼

初學js,html中引用css文檔

圖4

我們在head元素下創建一個link,把href的屬性設置為我們寫好的CSS文件,隨便寫是一個js代碼運行看看

初學js,html中引用css文檔

圖5

運行後背景顯示我設置的顏色,複選框的座標也是在設置的位置


分享到:


相關文章: