在html中写css,html中怎么插入CSS？

1.注释：

(1).HTML的注释:

(2).CSS的注释：/**

2.HTML中插入CSS(层叠样式表)的方法

(1).行内样式(在标签后面直接写样式)

行内样式

html中插入css样式的方法:1行内样式；2内部样式；
3外部样式；4导入样式；

(2)嵌入式(将样式和html语言分开写)

行内样式

p{text-decoration:underline;text-align:center;font-size:26px;font-family:宋体;font-weight:bolder;text-transform:lowercase;letter-spacing:4px;color:pink;background-color:green;}

HTML中插入CSS样式的方法:

1行内样式；2内部样式；

3外部样式；4导入样式；

3.外部样式(链接式：将CSS和HTML分开写)！！！！最常用

first.html

行内样式

HTML中插入CSS样式的方法:

1行内样式；2内部样式；

3外部样式；4导入样式；

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

行内样式

@importurl(first.css);

HTML中插入CSS样式的方法:

1行内样式；2内部样式；

3外部样式；4导入样式；

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;}

本文转载自中文网