网页中使用css的几种方式简单介绍
摘要：网页中使用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/
相关文章
最新发布
阅读排行
热门文章
猜你喜欢