9、CSS样式引入

    技术2022-07-11  76

    CSS入门

    CSS样式引入

    一、CSS样式引入

    1.1、内联样式

    ​ 标签上使用style属性直接引入CSS样式,即内联样式。

    <body> <p style="color:red;font-size:24px;">这是一个段落</p> <!--样式用;结尾,哪怕只有一个样式--> </body>

    1.2、内部样式

    ​ 在头部标签内通过<style></style>设置CSS样式,即内部样式。

    <html> <head> <meta charset="UTF-8"> <title>网页标题</title> <style> p{ color:red; font-size:24px; } </style> </head> <body> <p>这是一段文字</p> </body> </html>

    1.3、外部样式

    ​ 新建后缀名为.css的文件,直接在新文件内部编辑样式,然后在HTML中通过<link>标签引入样式文件。

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Test</title> <link rel="text/css" href="./test.css"> </head> <body> <p>这是一段文字</p> </body> </html> *{/*全文样式*/ margin:0; padding:0; } p{ color:red; font-size:24px; }
    Processed: 0.014, SQL: 9