网页中使用css的几种方式简单介绍

| 阅读数:--次| 作者:html5,css3
摘要:网页中使用css的几种方式简单介绍:css在当前的网页中可以说是必须的,如果没有使用css,那么这个网页一般丑陋的难以想象,下面就介绍一下网页使用css的几种方式,希望对初学者能够有所帮助。一.内联样式:所谓的内联样式就是卸载标签之内的样式,代码如下:也就是使用style方式在标签内规定div的样式...

网页中使用css的几种方式简单介绍:

css在当前的网页中可以说是必须的,如果没有使用css,那么这个网页一般丑陋的难以想象,下面就介绍一下网页使用css的几种方式,希望对初学者能够有所帮助。

一.内联样式:

所谓的内联样式就是卸载标签之内的样式,代码如下:

<div style="color:red;font-size:10px"></div>

也就是使用style方式在标签内规定div的样式。

二.内部样式表:

所谓内部样式表,就是样式表写在当前页面,而不是从外部引入,代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<style type="text/css"> 
.demo{
  width:200px;
  height:200px;
  background:green;
}
</style> 
</head>
<body> 
<div class="demo"></div>
</body> 
</html>

以上代码使用<style type="text/css"></style>规定了内部样式表。

三.外部样式表:

外部样式表和内部样式表示相对应的,也就是在当前页面引入一个外部样式表文件,而不是把样式代码卸载当前页面。

<link href="css/style.css" rel="stylesheet" type="text/css" />

最原始地址是:http://www.softwhy.com/

返回顶部
学到老代码浏览 关闭浏览