在CSS中,我們可以使用外部樣式表將CSS代碼從HTML代碼中分離。這樣做的好處是可以大幅度減少HTML文檔的代碼量,同時也使HTML頁面和CSS樣式表分離,使得二者的管理更加方便。而其中的一種外部樣式表使用方法是用“my.css”作為文件名的外部樣式表。
/* 這是一個簡單的my.css樣式表 */ body { background-color: yellow; } h1 { color: blue; } p { color: green; }
在這個“my.css”樣式表中,我們可以看到一些簡單的CSS規(guī)則。通過這些規(guī)則,外部樣式表將為我們的HTML頁面提供背景顏色、文本顏色等視覺效果。而我們的HTML頁面只需要引入這個外部樣式表即可使用這些視覺效果。
使用外部樣式表my.css 這是一個標題
這是一段綠色的正文
在HTML中,只需要在head標簽中添加一個link標簽,便可以將外部樣式表引入進來。其中href屬性指定外部樣式表的文件路徑,type屬性則等價于“text/css”,用于指定樣式表的格式類型。這樣,我們在HTML中添加視覺效果時,無需再使用樣式定義規(guī)則,直接調(diào)用“my.css”樣式表中的規(guī)則即可。
總之,使用外部樣式表my.css可以讓我們的HTML文檔更加簡潔、易讀,同時也可以加強樣式的管理。這種方法也被廣泛應用于Web開發(fā)中。