在Python的http.server中嵌入CSS到HTML的问题求助

因为无法使用额外文本文件，你可以直接在返回的HTML代码中通过内部样式表（<style>标签）或者内联样式来写入CSS规则，下面是适配http.server的完整代码示例：

方法1：使用内部样式表（推荐，便于维护） #

from http.server import HTTPServer, SimpleHTTPRequestHandler

class CustomHandler(SimpleHTTPRequestHandler):
    def do_GET(self):
        # 定义包含内部CSS的HTML内容
        html_content = """
        <!DOCTYPE html>
        <html>
        <head>
            <title>本地服务页面</title>
            <style>
                /* 这里直接写CSS规则 */
                body {
                    background-color: #f0f0f0;
                    font-family: Arial, sans-serif;
                    padding: 20px;
                }
                h1 {
                    color: #2c3e50;
                    text-align: center;
                }
                .container {
                    max-width: 800px;
                    margin: 0 auto;
                    background: white;
                    padding: 30px;
                    border-radius: 8px;
                    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
                }
            </style>
        </head>
        <body>
            <div class="container">
                <h1>测试页面</h1>
                <p>这是带有内部CSS样式的内容</p>
            </div>
        </body>
        </html>
        """
        # 设置响应头
        self.send_response(200)
        self.send_header("Content-type", "text/html; charset=utf-8")
        self.end_headers()
        # 返回HTML内容
        self.wfile.write(html_content.encode("utf-8"))

if __name__ == "__main__":
    server_address = ("", 8000)  # 空字符串表示绑定所有地址，端口8000
    httpd = HTTPServer(server_address, CustomHandler)
    print(f"服务启动在 http://localhost:8000")
    httpd.serve_forever()

方法2：使用内联样式（适合单个元素的特殊样式） #

如果只需要给特定元素加样式，可以直接写在元素的style属性里：

from http.server import HTTPServer, SimpleHTTPRequestHandler

class CustomHandler(SimpleHTTPRequestHandler):
    def do_GET(self):
        html_content = """
        <!DOCTYPE html>
        <html>
        <body>
            <h1 style="color: #2c3e50; text-align: center;">测试标题</h1>
            <p style="font-size: 18px; line-height: 1.6; color: #34495e;">这是带有内联样式的段落</p>
        </body>
        </html>
        """
        self.send_response(200)
        self.send_header("Content-type", "text/html; charset=utf-8")
        self.end_headers()
        self.wfile.write(html_content.encode("utf-8"))

if __name__ == "__main__":
    server_address = ("", 8000)
    httpd = HTTPServer(server_address, CustomHandler)
    print(f"服务启动在 http://localhost:8000")
    httpd.serve_forever()

注意事项 #

• 确保CSS代码在<style>标签内的语法正确，比如括号、分号不要遗漏
• 如果HTML内容里有双引号，注意转义（或者用单引号包裹HTML字符串，内部用双引号）
• 端口号如果被占用，可以改成其他未被使用的端口（比如8080）

内容的提问来源于stack exchange，提问作者GentleMann