<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css样式引入</title> <!-- 第一种方式: 外链式 推荐用这种方式, 能够让内容与样式分离.便于维护. --> <link rel="stylesheet" type="text/css" href="css/main.css"> <!-- link中的href 是hypertext(超文本) reference(涉及,查阅,提到)意思. --> <style type="text/css"> h1{ font-size: 30px; color:pink; } </style> <!-- 第二种方式: 内嵌式 这种方式有助于用户加载,提升性能. --> </head> <body> <div>css样式引入</div> <h1>字体的样式</h1> <p style=" font-size: 14px; color: orange; "> <!-- 第三种方式:行内样式 --> <!-- 这种方式更加细致,能够针对某个点,采取不同的样式.但是后期维护极为麻烦,属于不规范书写方式,应该极力避免. --> 处世智慧: <br> 是人们在以往生活中养成的行为准则.根据已有的生活经验以及思维模式,在面对不同情况下做出的不同的应对方式. </p> </body> </html>