在HTML中调用CSS的方法有3种:内联样式、内部样式表、外部样式表。
1、内联样式
使用style属性在特定的HTML标签内设置CSS样式。
例:
<!DOCTYPE html> <html> <body style="background-color:black;"> <h1 style="color:white;padding:30px;">Hostinger Tutorials</h1> <p style="color:white;">Something usefull here.</p> </body> </html>
2、内部样式表
在<head> 部分中使用<style>标签定义内部样式表,将CSS样式直接嵌入到HTML文档中。
语法:
<style type="text/css"> /*CSS样式 */ </style>
内部样式表的一个示例:
<!DOCTYPE html> <head> <style type="text/css"> p {color:white; font-size: 10px;} .center {display: block; margin: 0 auto;} #button-go, #button-back {border: solid 1px black;} </style> </head>
3、外部样式表
想要使用外部样式表,需要在<head> 部分中通过link标签将外部CSS文件(.css文件)引用到HTML页面中。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
而mystyle.css中包含HTML页面所需的所有样式规则。
以上就是HTML中如何调用CSS样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!