标签： 内联样式表p style=font-size:50px; color:bluecss内联样式表/p内部样式表s
标签：
内联样式表 <p style="font-size:50px; color:blue">css内联样式表</p> 内部样式表 <style type="text/css"> p{ font-size: 100px; color: red; } </style> <p>css内部样式表</p> 外部样式表创建一个cssTest.css的css文件
p{ font-size: 50px; color:green; } span{ font-size: 50px; color: yellow; }使用外部样式表
<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"../css/cssTest.css"> <p> 优先级： 内联样式表 > 内部样式表 > 外部样式表</p> <span >外部样式表</span> 完整测试代码 <!-- 文件名cssTest.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cssTest</title> <style type="text/css"> p{ font-size: 50px; color: red; } </style> <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"../css/cssTest.css"> </head> <body> <p style="font-size:50px; color:blue">css内联样式表</p> <p>css内部样式表</p> <p>优先级：内联样式表 > 内部样式表 > 外部样式表</p> <span >外部样式表</span> </body> </html>css文件
<!-- 文件名cssTest.css --> p{ font-size: 50px; color:green; } span{ font-size: 50px; color: yellow; } css三种导入方法的优先级内联样式表 > 内部样式表 > 外部样式表
css的三种导入方法
，温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/31809.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")