建立style.css
CSS(Cascading Style Sheets)是一種用于控制網頁樣式的語言,可以讓網頁中的內容和樣式相互獨立,從而實現更加靈活的網頁設計和布局。在HTML文檔中,我們可以通過<style>標簽來引入CSS樣式表,從而對網頁的樣式進行控制。
下面是一個基本的style.css樣式表示例,用于控制網頁的背景顏色、字體大小、段落間距等樣式:
body {
background-color: #f0f0f0; /* 設置背景顏色為紅色 */
font-family: Arial, sans-serif; /* 設置字體為Arial,無襯線字體 */
padding: 20px; /* 設置段落間距為20像素 */
在這個示例中,我們使用了body元素來設置網頁的背景顏色和字體。同時,我們還使用了font-family屬性來指定字體的類型和名稱,以及padding屬性來設置段落間距。我們可以將這些屬性應用到不同的元素上,從而控制網頁的樣式。
除了基本樣式,我們還可以使用更多的CSS屬性和樣式規則來創建更加復雜的網頁樣式。例如,我們可以使用CSS的float屬性來改變段落的對齊方式,使用CSS的width和height屬性來設置頁面的寬度和高度,使用CSS的transform屬性來改變字體的大小和旋轉等。
建立style.css可以讓我們更加靈活地控制網頁的樣式,從而實現更加精美的網頁設計和布局。同時,它也可以幫助我們更好地維護網頁的樣式,方便以后的更新和修改。