怎么在html页面写css样式

1.如何在html中添加css样式有两种方式
1、在head标签之间添加style标签
2、直接在HTML代码里添加style属性,然后在属性里定义css代码
3、也可以将1中的style标签里的内容放到一个css文件里,然后在html页面引用这个文件也是一样的效果
<link href="http://www.xuexi88.com/zhishi/css文件路径" rel="stylesheet"> <;!--这样就可以了,尽量代码简洁-->
4、下面是我的HTML代码
2.HTML怎么把CSS样式插入到页面html引用css方法如下:
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
解html引用css方法的例子
1、直接在html标签元素内嵌入css样式,如<div style="font-size:14px; color:#FF0000;">;我是div css测试内容-支持</div>; 效果如下图
2、在html头部head部分内style声明插入代码如下:
<style type="text/css">
<!--
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/
-->
</style>;具体方法如下图:
3、使用@import引用外部CSS文件方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"
<html xmlns="
<head>
<meta ; charset=gb2312" />
<title>css引用方法实例-测试实例</title>
<style type="text/css">
<!--
@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/
-->
</style>
</head>
<body>
<div class="ceshi">;我是div css测试内容支持</div>
</body>
</html>Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
效果如下图:
可以看出使用此方法和使用自带式引用css样式表方法有相同处,都是需要在html的head内使用style标签引用外部css 。
4、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="http://www.xuexi88.com/zhishi/wcss.css" type="text/css" />;来调用外部的wcss.css文件来实现html引用css文件
详细如下图
此方法就不需要style标签,而是直接通过link一个样式来引用外部样式
一般推荐使用link来引用外部的css样式方法 。
3.怎么在网页html页面中调用css样式文件问题这是关于怎么在网页html页面中调用css样式文件问题,详细调用方法如下:
1、直接在html页面中使用style属性
<td style="height:30px;">hello</td>
这种方法可以灵活的将样式应用于各个标签中,方便代码的编写 。缺点是没有整篇文件的“统一性”,在修改样式时变得困难,不方便维护 。
2、使用style标签,通常在网页<head></head>;之间写
<style type="text/css">
<!--
.style1{
font-size:12px;
}
-->
</style>
调用方法:
<span class="style1">;要使用CSS啊</span>
3、利用link标签调用外部css样式文件
以上两种方法CSS样式代码和HTML代码都在一个页面上,本方法可以调用外部的CSS文件,比如style.css,CSS文件的后缀为.css,可以用Dreamweaver或者笔记本编写 。
<head>
<title>css调用实例</title>
<link href="http://www.xuexi88.com/zhishi/style.css" type="text/css" rel="stylesheet" />
</head>
也是在head里调用的 。
基本上第一种和第三种方法常用到 。
4.在html中怎样使用css样式在html网页中引入引入css主要有以下四种方式:
(1)行内式
<p style=”color:red”>;网页中css的导入方式</p>
(2)嵌入式
<style type=”text/css”>