HTML和CSS是現代網頁設計中不可或缺的兩個元素。HTML(超文本標記語言)是一種用于創建網頁結構和內容的標記語言。CSS(層疊樣式表)是一種用于控制網頁外觀和布局的樣式語言。
<html> <head> <title>網頁標題</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>歡迎來到我的網站</h1> <p>這里是我的主頁,我會在這里分享一些個人感興趣的事情。</p> </body> </html>
在上面的示例中,HTML代碼用于創建網頁的基本結構,并引用了一個名為“style.css”的CSS文件。CSS代碼負責設置網頁的字體、顏色、背景和布局等方面。
body { font-family: Arial, sans-serif; color: #333; background-color: #eee; } h1 { font-size: 36px; text-align: center; margin-top: 50px; } p { font-size: 18px; line-height: 1.5; padding: 20px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; }
在上面的示例中,CSS代碼為網頁的不同元素設置了不同的樣式。如“body”元素設置了字體和背景顏色,“h1”元素設置了字體大小和居中對齊,“p”元素設置了字體大小、行高、內邊距、邊框圓角和背景顏色等。
總的來說,HTML和CSS的作用是將內容和樣式分離,以便更好地管理、修改和維護網頁。HTML提供網頁的基本結構和內容,CSS則提供網頁的外觀和布局。因此,學習HTML和CSS是網頁設計中的必備技能。
上一篇css實現商城側邊欄
下一篇mysql5.0配置