css基础

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

使用css行内样式控制页面

【字体: 】 浏览量:

使用css控制页面的方法主要有行内样式、内嵌式、链接式、导入式。

下面先首先介绍行内样式控制页面

行内样式是以上所有样式中最为直接的一种,它直接对HTML的标记使用style属性,然后将css代码直接写入其中,其语法如下面所示:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<h1 style="font-size:20px; text-decoration:underline;">CSS</h1>
<h1 style="font-size:14px; text-decoration:none; color:#00CC00">CSS</h1>
<h1 style="font-size:25px; font-weight:bold; color:#0fCC00">CSS</h1>
</body>
</html>

点击浏览下一页

上面代码中h1为html的标签,在标签后面加个style表示样式的意思,引号里面的是css样式,我们可以引号里面的css样式控制各种各样的效果。

行内样式是最为简单的css样式控制方法,但由于需要为每一个标记设置style属性,后期维护起来依然非常麻烦,而且网页容易过胖,所以不推荐全局都是用这样的行内样式方法。

分享到:

网友评论:


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