在網站制作中,CSS樣式起著很關鍵的作用,它可以使我們的網頁更加美觀、易讀,下面介紹如何給網頁添加CSS樣式。
<head> <style type="text/css"> /* 這里是CSS樣式代碼 */ </style> </head>
首先在HTML文件中的
標簽內添加CSS樣式代碼,需要在樣式標簽內添加“type”屬性,其值設為“text/css”用于告訴瀏覽器這里是CSS樣式。h1 { font-size: 36px; color: blue; text-align: center; }
接下來就可以在樣式標簽中添加具體的樣式了。首先命名我們要修改的元素,在大括號內添加樣式屬性。例如,在上述代碼中,我們用“h1”來指代HTML文檔中的一個標題標簽,然后為這個標簽設置了字體大小、顏色和文字居中等樣式。
#logo img { width: 100%; }
如果我們需要指定某個HTML元素下的子元素樣式,可以使用“#parent 子元素”語法,其中“#parent”為父元素ID,后面緊跟空格和子元素名稱。在上面的例子中,我們用“#logo”來指定某個標簽的id,然后為其中的img子元素設置了寬度為100%的樣式。
總之,CSS樣式就是這樣,通過選擇器對需要修改的元素進行命名,然后為其添加樣式屬性來美化網頁。以上介紹的只是 CSS 的一小部分,更多的特性和另外的選擇器用法可以自己去探索。