CSS(Cascading Style Sheet,層疊樣式表)是用于網頁排版和樣式設計的語言。在HTML文檔中,我們需要使用<link>標簽將CSS文件引入,如下:
<head> <link rel="stylesheet" href="style.css"> </head>
在CSS中,我們需要對文檔中的元素進行樣式設計,如下示例:
h1 { font-size: 32px; color: #000000; }
這段CSS代碼指定了所有<h1>標簽的文字大小為32像素,顏色為黑色。
除此之外,還可以使用id和class來選擇不同元素進行樣式設計。其中,id選擇器前面需要添加#號,class選擇器前面需要添加.號,如下:
#logo { width: 200px; height: 100px; } .article { margin-top: 20px; padding: 10px; background-color: #f0f0f0; }
這段CSS代碼分別對id為“logo”的元素和class為“article”的元素進行了樣式設計。id選擇器對應的元素只有一個,而class選擇器對應的元素可以有多個。
在CSS中,還有很多其他的元素選擇器、屬性選擇器、偽類和偽元素等,可以幫助我們更加靈活地設計頁面樣式。
上一篇css引入圖片鏈接
下一篇html 路徑調用css