返回顶部下载帮助
网站模板
模板颜色分类:
当前位置: div+css >

div+css实战之css创建行业样式

2015-01-28 文章标签: css之创建行业样式 浏览次数:
    css的优先级别不同,一般遵守就近原则



   当我们将CSS规则直接写入HTML网页中,就是在创建行内样式。下面一步一步来讲解怎么在网页中创建
行内样式

1、创建一个idivcss.html的文件;
2、比如输入网页的<h1>标题

<h1>DIV+CSS实例教程</h1>

3、在<h1>中输入style="color:#FF000"。现在这个标签是:

<h1 style="color:#FF000">DIV+CSS实例教程</h1>

但这个样式属性石HTML,而不是CSS,所以在style后面有了等于号"=",并把所有CSS代码都放在引号中,只有引号里面的内容才是CSS样式内容。在这个样式中,我们已经为<h1>添加了一个color属性(决定文本的颜色),并将该属性值设置为#FF000(一种用十六进制表示的颜色),属性名称和属性值之间用分号(;)分开。
4、用Web浏览器运行这个HTML文件的效果;
5、继续在分号后面输入"font-size:3px;",现在这个标签是:

<h1 style="color:#FF000;font-size:3px;">DIV+CSS实例教程</h1>

6、这时重新刷新Web浏览器,就将发现现在的标题似乎更大些了,你也应该体会到了行内样式是多么的费力。我们输入了大量的HTML代码。所以行内样式既不能节省时间,也不能加快Web网页开发的效率。因此高手都很少使用。但是我们还有其他方式来写CSS样式代码,请继续关注DIV+CSS实例教程。

你可能还感兴趣···

关于我们 - 联系我们 - 广告服务 - 友情链接 - 版权声明 - 手机版

免责声明:站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!版权归原创者所有,如果侵犯了您的权益,请通知我们,我们会及时删除侵权内容。