在HTML5中可以使用CSS來設置網頁的樣式。例如,我們可以通過以下的方式將文本設置為紅色:
p { color: red; }
在以上的代碼中,我們使用了選擇器p來選取所有的p標簽,然后使用color屬性將字體顏色設置為紅色。
除了文字顏色外,CSS還可以設置字體樣式,字體大小和行高等。例如,我們可以使用以下的代碼將字體設置為Roboto,大小設置為16像素,行高設置為1.5:
p { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.5; }
在以上的代碼中,我們使用了一個自定義的字體'Roboto',并且設置了字體大小和行高。注意,我們可以使用font-family屬性選擇任何字體。
CSS還可以用于布局,使網頁呈現出不同的結構。如果我們想要一個模塊化的網頁布局,我們可以使用以下的代碼將一個div元素分成左右兩個部分:
<divclass="left">左側部分</div><divclass="right">右側部分</div>.left { width: 50%; float: left; } .right { width: 50%; float: left; }
在以上的代碼中,我們使用了兩個div元素,一個被設置為左側,另一個被設置為右側。使用float屬性另兩個div元素并排展示,并使用width屬性將寬度均分為50%。這樣我們可以輕松地實現布局。
總之,在HTML5中使用CSS可以讓我們輕松地設置網頁的樣式,包括文字、布局和效果等等。我們只需要留心CSS的屬性和語法,就可以讓我們的網頁看起來更加漂亮和專業。