css基础

您当前位置:匀阳教程网 >> 网页制作 >> css教程 >> css基础 >> 浏览文章

使用css内嵌式样式表控制页面样样式

【字体: 】 浏览量:

css内嵌式样式表就是将css写在<head>和</head>之间,并且用<style>和</style>标记进行声明,具体语法结构如下:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
h1{font-size:20px;
text-decoration:underline;
font-weight:bold;
color:#0066CC;}

</style>
</head>

<body>
<h1>效果1</h1>
<h1>效果2</h1>
<h1>效果3</h1>
</body>
</html>

点击浏览下一页

上图便是上面代码的页面显示效果 ,相同的标签(h1)的样式都被集中在一起,这样同样的标记的效果就一致了,所以如果一个网站上不同页面上相同的标记需要相同的样式时可以采用此种方法,不用每项单独定义,只需要特殊的标记进行特殊定义就可以了,如行内标记等,这样就方便了后期的维护。

分享到:

网友评论:


热门教程
猜你喜欢的教程
Copyright 2010-2014 Powered by yysem.net
友情链接咨询:1143412387 304366329 豫ICP备11021559号
本网站部分内容来自于互联网以及相关书籍等各方,仅作技术交流学习之用,如果侵权敬请告知,我们会及时改正。