学习CSS使用技巧教程(4)单独调用

作者： unknow

　　上一节：外部调用

　　为什么要单独调用呢？

　　“单独调用”就是加入STYLE属性。就是将CSS声明套用在单独的一个网页元素上（任一个文字、图片、表格...等，都是网页元素），此时，CSS将不再以一个样式表来显示结果了，而是利用STYLE属性加到标签中。为什么要“单独调用”CSS？原因是：比较灵活...举个简单的例子，我们希望让输入的表单的底色不使用白色了？

　　关于Style属性

　　其实，几乎每个 HTML 标签都有其各自的属性，例如 <p align="center"> 其中的 align 是标签 <p> 的align 对齐属性」，加上 align 属性后，你就可以设定段落要要居左、居中或居右。相同的，STYLE也可以当作是一个属性，一样加在标签之中，就我们上面的问题而言，其原先的语法应该是是这样的：

语法：<input type="text" value="我是浅绿色了吗？"> 结果：

　　现在，我们替这个输入表单加入STYLE属性，也就是在<input>标签中加入STYLE属性：

语法：<input type="Text" value="这次我有浅绿色底色了吧" STYLE="background-color:#ccffcc">

结果：

　　“STYLE="*****"”就是把STYLE当作属性的用法，其后一样将CSS声明放在""里面，至于里面的background-color:#ccffcc意思就是“背景颜色：#ccffcc”的意思，现在不熟悉没关系，以后会继续讲解的。

　　什么标签都可以加入STYLE属性吗？

　　基本上，任何标签都可以加上STYLE属性。所以，你不用担心会有标签不接受。不过，单独调用针对网页元素加入STYLE属性虽然非常灵活，但是，却失去了CSS 的一个优点，那就是统一性。所以说，你在使用时，除非只有部份网页元素需要单独使用CSS格式，否则，尽量在使用之前介绍的调用方法，如此，日后在维护上会比较简单。

　　下一节：自定义类别

返回顶部

下一篇：学习CSS使用技巧教程(3)外部调用 >>