PHP與CSS是網頁制作中最常用的兩種語言,PHP主要用于服務器端編程,提供動態網站的支持,而CSS則是網頁設計中必不可少的樣式表。本文將對PHP與CSS進行總結,并介紹它們的應用場景及代碼示例。
一、PHP
PHP是一種服務器端腳本語言,是制作動態網站的常用語言之一。其應用范圍涵蓋網站開發、框架設計、CMS、電子商務等方面。以一個網站留言板為例,使用PHP可以將用戶的留言存儲到數據庫中,實現動態顯示和管理。
<?php //連接數據庫 $conn = mysqli_connect("localhost", "root", "123456", "guestbook"); //判斷是否連接成功 if (!$conn) { die("Connection failed: " . mysqli_connect_error()); } //查詢數據 $sql = "SELECT * FROM messages ORDER BY id DESC LIMIT 10"; $result = mysqli_query($conn, $sql); //輸出數據 if (mysqli_num_rows($result) >0) { while($row = mysqli_fetch_assoc($result)) { echo "<p><b>" . $row["name"]. "</b><br>" . $row["message"]. "</p>"; } } else { echo "<p>No messages to display.</p>"; } //關閉連接 mysqli_close($conn); ?>二、CSS CSS是一種用于網頁設計的樣式表語言,用于控制網頁中的文本、字體、顏色、圖像、背景等顯示效果。以一個簡單的網頁設計為例,使用CSS可以讓網站具有更好的視覺效果,提升用戶體驗。
<!DOCTYPE html><html><head><title>My Website</title><style>body { background-color: #f0f0f0; } h1 { color: #333; text-align: center; } p { font-size: 16px; line-height: 1.5; margin: 10px 0; } .box { width: 400px; margin: 0 auto; padding: 20px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 5px #ddd; } .button { display: inline-block; padding: 10px 20px; color: #fff; background-color: #333; border-radius: 5px; text-decoration: none; } .button:hover { background-color: #666; } </style></head><body><div class="box"><h1>Welcome to My Website</h1><p>This is a sample text.</p><a class="button" href="#">Learn More</a></div></body></html>三、總結 PHP與CSS在網頁制作中扮演著重要的角色,PHP可以實現網站的動態效果,CSS則能夠讓網站變得更加美觀。在編寫代碼時要注意語法的正確性和效率的優化,使網站更加穩定、高效。