<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="../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="../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; }
内联样式表 > 内部样式表 > 外部样式表
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论