CSS源碼是一種用于控制網頁外觀的樣式表語言,可以控制字體、顏色、尺寸、間距、背景等各種元素。
body { font-family: Arial, sans-serif; font-size: 16px; color: #333333; background-color: #f2f2f2; } h1, h2, h3 { font-weight: bold; margin: 0 0 20px; } a { color: #007bff; text-decoration: none; transition: color 0.2s ease-in-out; } a:hover { color: #0056b3; } .button { display: inline-block; padding: 10px 20px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: #007bff; border-radius: 4px; border: none; cursor: pointer; transition: background-color 0.2s ease-in-out; } .button:hover { background-color: #0056b3; }
如上所示,CSS源碼中包含了各種選擇器和屬性,通過這些選擇器和屬性來控制網頁元素的樣式。其中,選擇器用于選中網頁中的元素,屬性則用于控制元素的樣式。
例如,在上面的源碼中,我們可以看到body這個選擇器和font-family這個屬性,它們的結合就可以控制整個網頁的字體。
另外,CSS源碼中也可以包含注釋,注釋的格式為/*...*/,可以用于給代碼添加注解和解釋。
上一篇css源代碼相冊