04CSS基礎01:
CSS(Cascading Style Sheets),是一種用于網頁上的樣式表語言。它可以為HTML和XML等文檔添加樣式,以便控制網頁上的布局、字體、顏色、背景等外觀效果。CSS的優勢是樣式與內容分離,可以提高網頁的可維護性與可重用性。 CSS的基本語法如下所示: 選擇器 { 屬性1: 值1; 屬性2: 值2; 屬性3: 值3; } 其中,“選擇器”為需要設置樣式的元素,如h1、p、div等;“屬性”是要修改的樣式屬性,如color、background、font-size等;“值”則是屬性所對應的值,如紅色、#0000ff、12pt等。 CSS樣式可以在HTML文檔內部或外部進行定義。內部定義的樣式需要使用style標簽進行設置,如下所示: <head> <style> h1 { color: red; font-size: 20px; } p { color: blue; font-size: 16px; } </style> </head> 這段代碼設置了h1元素的字體顏色為紅色、字體大小為20px,以及p元素的字體顏色為藍色、字體大小為16px。 外部樣式表則需要單獨創建一個.css文件進行定義,然后在HTML文檔內部使用link標簽進行引用,如下所示: <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> style.css文件內部的代碼如下所示: h1 { color: red; font-size: 20px; } p { color: blue; font-size: 16px; } 這樣,就可以將HTML中的樣式與結構完全分離,使代碼更加簡潔明了,也方便了網頁的維護和修改。
下一篇bson轉json