你的位置:首页 > 网页设计

[网页设计]网页中使用css的几种方式简单介绍


网页中使用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.51texiao.cn/HTML5jiaocheng/2015/0613/4140.html

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