<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>行内样式</title>
</head>
<body>
<pstyle="font-famliy:宋体text-align:centerfont-style:italictext-transform:uppercasefont-size:22pxtext-decoration:underlinefont-weight:boldletter-spacing:13px">html中插入css样式的方法:</br>1行内样式;2内部样式;<br/>3外部样式;4导入样式;</p>
</body>
</html>
(2)嵌入式(将样式和html语言分开写)
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行内样式</title>
<styletype="text/css">
p{text-decoration:underlinetext-align:centerfont-size:26pxfont-family:宋体font-weight:boldertext-transform:lowercaseletter-spacing:4pxcolor:pinkbackground-color:green}
</style></head><body>
<p>HTML中插入CSS样式的方法:</br>
1行内样式;2内部样式;<br/>
3外部样式;4导入样式;</p></body></html>
3.外部样式(链接式:将CSS和HTML分开写)!!!!最常用
first.html
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行内样式</title>
<linkhref="first.css"type="text/css"rel="stylesheet"></head><body>
<p>HTML中插入CSS样式的方法:</br>
1行内样式;2内部样式;<br/>
3外部样式;4导入样式;</p></body></html>
first.css
p{text-decoration:underline/*加下划线*/
text-transform:lowercase/*大写字母全部小写*/
text-align:center/*居中*/
font-size:23px/*字体大小*/
font-family:黑体/*设置字体*/
font-style:italic/*设置字倾斜*/
text-indent:3px/*设置首行缩进*/
color:red/*设置字体颜色*/
background-color:#ddd/*设置背景颜色*/
letter-spacing:4px}
4.导入式
first.html
<!doctypehtml><html><head>
<metacharset="utf-8">
<title>行内样式</title>
<styletype="text/css">
@importurl(first.css)</style></head><body>
<p>HTML中插入CSS样式的方法:</br>
1行内样式;2内部样式;<br/>
3外部样式;4导入样式;</p></body></html>
first.css
p{text-decoration:underline/*加下划线*/
text-transform:lowercase/*大写字母全部小写*/
text-align:center/*居中*/
font-size:33px/*字体大小*/
font-family:黑体/*设置字体*/
font-style:italic/*设置字倾斜*/
text-indent:3px/*设置首行缩进*/
color:red/*设置字体颜色*/
background-color:#ddd/*设置背景颜色*/
letter-spacing:4px}
三种。1、标签内定义style属性,如<div style="background:red"></div>
2、HTML页面的<head>标签内嵌入css,如:<head><style>body{font-size:12px}</style></head>
3、引入外部css文件,仍然是在head 中<head><link rel="stylesheet" type="text/css" href="css文件路径"></head>
直接用link标签即可引入css引入外部CSS文件的方法:
<link href="alone.css" rel="stylesheet" type="text/css" />
内部css直接写在style标签中间
<style>
</style>