當我們在進行Java Web開發時,除了使用Java編寫后端邏輯,還需要使用HTML、CSS等技術制作前端界面,其中CSS扮演著重要的角色。
CSS(Cascading Style Sheets),層疊樣式表,是一種用來設置 HTML 文檔樣式的語言。它可以控制頁面中元素的外觀,包括大小、顏色、字體、間距等。CSS樣式可以通過在HTML文件頭部引用一個CSS文件來實現。以下是一個CSS樣式的例子:
body { font-family: Arial; font-size: 16px; color: #333; line-height: 1.5; } h1 { font-size: 32px; font-weight: bold; text-align: center; }
上面的代碼展示了兩個選擇器,第一個是body標簽選擇器,它將作用于整個文檔,指定了文本使用Arial字體,字號為16像素,顏色為#333,行高為1.5倍。第二個選擇器是h1標簽選擇器,它將作用于所有h1標簽,指定了字號為32像素,加粗,居中對齊。
CSS還支持偽類選擇器,可以選定某些狀態的元素來設置樣式。例如下面代碼為鼠標懸停在按鈕上時設置樣式:
button:hover { background-color: #3498db; color: #fff; }
上面的代碼表示當鼠標懸停在button標簽上時,改變背景色為#3498db,色字體為白色。這樣可以增加頁面的交互性和美觀性。
上一篇css如何寫帶邊框的梯形
下一篇css如何制作透明的窗體