热门关键字:
jquery > jquery教程 > jquery教程 > 样式表书写规则

样式表书写规则

400
作者:管理员
发布时间:2020/8/10 11:52:54
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2343

每个HTML元素都有初始的样式,但是也可以经过开发者书写而改变样式规则。

HTML的元素样式修改有以下的书写规则。

内部样式表(写在<head>标签内部)

<!DOCTYPE html>
<html>
 <head>
 <style>
 h1 {color:red; font-size:14px;}
 </style>
 </head>
 <body>
 </body>
</html>
web前端开发学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法
(详细的前端项目实战教学视频,PDF)

内联样式(写在HTML标签中)

<!DOCTYPE html>
<html>
 <head>
 </head>
 <body>
 <h1 style="color:red; font-size:14px;"></h1>
 </body>
</html>

外部样式表(写在CSS文件中,引入到HTML里)

<!-- style.css -->
h1 {color:red; font-size:14px;}

<!-- index.html -->
<!DOCTYPE html>
<html>
 <head>
 <link rel="stylesheet" href="style.css">
 </head>
 <body>
 <h1></h1>
 </body>
</html>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:css
友荐云推荐