首頁 >web前端 >css教學 >如何創建CSS?建立CSS步驟流程

如何創建CSS?建立CSS步驟流程

云罗郡主
云罗郡主原創
2018-11-05 15:58:289141瀏覽

級聯樣式表(CSS)是一種用於網站編碼的系統,允許設計者透過將​​某些元素指派來進行操作。例如,透過使用網站背景程式碼,設計人員可以透過CSS檔案的一次變更來變更網站所有頁面上的背景顏色或圖像。以下是如何為基本網站建立CSS。

如何創建CSS?建立CSS步驟流程

一:寫內聯CSS

#1.確保您對HTML標籤有基本的了解有關src以及href屬性,了解一些基本的CSS屬性。你會發現有很多屬性。但是,沒有必要全部學習它們,一些好的基本CSS屬性要知道color和font-family,對於color屬性,有些時候可以放置該red值,styleHTML屬性。它在像href或的元素中使用src。要使用它,在等號後面的引號內,放置CSS屬性,冒號,然後是屬性的值。這稱為CSS規則。

很多專業Web開發人員通常不會將內嵌CSS用於網站。內嵌CSS可以為HTML文件添加不必要的混亂。

二:寫基本CSS

1.啟動您想要使用的程式碼,先建立HTML和CSS檔案。如果您沒有安裝特殊程序,則可以使用記事本或其他文字編輯器。只需將文件儲存為文字檔案和CSS檔案即可,

建立一個CSS文件,而不是HTML文件,並使用.css副檔名來儲存它。在在HTML頭中建立一個標籤。這將允許您將單獨的CSS檔案連結到HTML文件。您的連結標籤需要三個屬性:rel,type,和href。 rel表示「關係」並告訴瀏覽器與HTML文件的關係。這裡應該有一個值"stylesheet"。 type告訴我們連結的檔案類型。這裡應該有一個值"text/css"

href這裡使用的方式與它在元素中的使用方式類似,但這裡必須連結到CSS檔案。如果CSS檔案與HTML檔案位於相同資料夾中,則只需要在引號內寫入檔案名稱。選擇要新增相同樣式的不同類型的元素。 class為這些元素新增屬性,並將它們設定為您選擇的類別名稱。這將為您的元素提供相同的樣式。

以上就是對如何建立CSS?建立CSS步驟流程的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。


以上是如何創建CSS?建立CSS步驟流程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn