CSS是一種用于網頁設計的語言,可以控制頁面元素的顯示方式。通過CSS,我們可以設置文字的字體、大小、顏色,以及元素的邊框、背景、位置等等。下面我們來了解一些CSS中元素的顯示方式。
p { font-size: 16px; font-weight: bold; color: #333; } div { border: 1px solid #999; background-color: #ccc; width: 200px; height: 100px; margin: 20px; padding: 10px; }
在上面的代碼中,我們定義了一個p標簽和一個div標簽,分別設置了它們的顯示方式。
p標簽的樣式設置了字體大小為16像素,加粗字體,并使用了深灰色的字體顏色。這樣,我們在HTML中使用<p>標簽時,就能夠看到這樣的文字效果。
<p>Hello, world!</p>
在瀏覽器中渲染出來的效果就是*
Hello, world!
另一個元素是div標簽,在CSS中我們對其樣式進行了設置,包括邊框、背景、大小等等。這樣,我們在HTML中使用<div>標簽時,就能夠看到這樣的矩形框,并且可以在里面添加其他元素。
<div> <p>這是一個矩形框</p> </div>
在瀏覽器中渲染出來的效果就是:
這是一個矩形框
我們可以看到,CSS可以很方便地控制頁面元素的顯示方式。通過對CSS的學習,我們可以更好地進行網頁設計,讓網頁看起來更加美觀。