文章標(biāo)題
這是一篇文章的內(nèi)容
CSS是指層疊樣式表,它主要是用于控制頁面的布局和樣式
我們可以通過CSS選擇器來選中頁面上的元素,然后對其應(yīng)用樣式
下面是一個簡單的CSS頁面,它由HTML文件和CSS文件組成
HTML文件包含了頁面的結(jié)構(gòu)和內(nèi)容,而CSS文件包含了頁面的樣式
簡單的CSS頁面 這是一個頁頭
文章標(biāo)題
這是一篇文章的內(nèi)容
上面的HTML文件中,我們用<link>標(biāo)簽引入了一個名為style.css的CSS文件
下面是這個CSS文件的樣式代碼:
/* 以下是頁面樣式 */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 16px; background-color: #f4f4f4; } header { background-color: #333; color: #fff; padding: 20px; } nav ul { list-style: none; margin: 0; padding: 0; background-color: #ccc; } nav li { display: inline-block; margin: 0; padding: 0; } nav li a { display: block; padding: 10px; color: #333; text-decoration: none; } nav li a:hover { background-color: #333; color: #fff; } section { padding: 20px; } article { background-color: #fff; padding: 20px; border: 1px solid #ccc; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; }
上面的CSS代碼中,我們使用了選擇器和屬性來設(shè)置頁面的樣式
例如,使用nav ul選擇器選中了ul元素,并應(yīng)用了列表樣式和背景顏色
使用nav li a:hover選擇器選中了鏈接元素,并應(yīng)用了鼠標(biāo)懸停樣式
這是一個簡單的CSS頁面,我們可以在這個基礎(chǔ)上繼續(xù)開發(fā)更復(fù)雜的頁面
希望這篇文章能對初學(xué)CSS的讀者有所幫助