CSS的外部调用和内部调用_神吹的地盘
来源:百度文库 编辑:神马文学网 时间:2024/05/07 16:51:14
CSS的外部调用
外部引用的优点
为什么要把CSS声明做成一个CSS文件呢?这样做的好处有三个。
第一个好处,网页处理速度会更快一些,尤其在有很多网页共用一份CSS样式表时更为好用!因为你不用为每一页都写同样的CSS代码,网页自然就会更瘦一些轻快一些。
第二个好处是,可以防止一些电脑程度较低的使用者直接看到CSS语法(就是有人不喜欢被看见语法),当然指的是无法直接看到,而非无法看到,稍微有点能力的,要查看CSS文件的内容简直是易如反掌。
第三个好处当然就是维护方便了!你只要修改一个CSS文件,不管你有几千个网页文件,都会以你最新修改的版本为准了!
开始动手做CSS文件
首先,我们将把原来声明中的去掉(CSS文件里不需要这两个标签,因为,浏览器看到扩展名为css就知道这是CSS文件了),然后利用记事本程序把下面代码粘贴过去。
body{font-size:9pt}
然后将它保存,文件名的扩展名为.css,在这里可以保存为style.css,并和网页放在同一目录下。
在网页中调用 CSS 文件
做好CSS文件后,下面我们就该在网页中调用了,调用的方法如下所示:
CSS外部调用示例
CSS的单独调用
为什么要单独调用呢?
“单独调用”就是加入STYLE属性。就是将CSS声明套用在单独的一个网页元素上(任一个文字、图片、表格...等,都是网页元素),此时,CSS将不再以一个样式表来显示结果了,而是利用STYLE属性加到标签中。为什么要“单独调用”CSS?原因是:比较灵活...举个简单的例子,我们希望让输入的表单的底色不使用白色了?
关于Style属性
其实,几乎每个 HTML 标签都有其各自的属性,例如
外部引用的优点
为什么要把CSS声明做成一个CSS文件呢?这样做的好处有三个。
第一个好处,网页处理速度会更快一些,尤其在有很多网页共用一份CSS样式表时更为好用!因为你不用为每一页都写同样的CSS代码,网页自然就会更瘦一些轻快一些。
第二个好处是,可以防止一些电脑程度较低的使用者直接看到CSS语法(就是有人不喜欢被看见语法),当然指的是无法直接看到,而非无法看到,稍微有点能力的,要查看CSS文件的内容简直是易如反掌。
第三个好处当然就是维护方便了!你只要修改一个CSS文件,不管你有几千个网页文件,都会以你最新修改的版本为准了!
开始动手做CSS文件
首先,我们将把原来声明中的去掉(CSS文件里不需要这两个标签,因为,浏览器看到扩展名为css就知道这是CSS文件了),然后利用记事本程序把下面代码粘贴过去。
body{font-size:9pt}
然后将它保存,文件名的扩展名为.css,在这里可以保存为style.css,并和网页放在同一目录下。
在网页中调用 CSS 文件
做好CSS文件后,下面我们就该在网页中调用了,调用的方法如下所示:
CSS的单独调用
为什么要单独调用呢?
“单独调用”就是加入STYLE属性。就是将CSS声明套用在单独的一个网页元素上(任一个文字、图片、表格...等,都是网页元素),此时,CSS将不再以一个样式表来显示结果了,而是利用STYLE属性加到标签中。为什么要“单独调用”CSS?原因是:比较灵活...举个简单的例子,我们希望让输入的表单的底色不使用白色了?
关于Style属性
其实,几乎每个 HTML 标签都有其各自的属性,例如
其中的 align 是标签
的align 对齐属性」,加上 align 属性后,你就可以设定段落要要居左、居中或居右。 相同的,STYLE也可以当作是一个属性,一样加在标签之中,就我们上面的问题而言,其原先的语法应该是是这样的:
语法: 结果:
现在,我们替这个输入表单加入STYLE属性,也就是在标签中加入STYLE属性:
语法:
结果:
“STYLE="*****"”就是把STYLE当作属性的用法,其后一样将CSS声明放在""里面,至于里面的background-color:#ccffcc意思就是“背景颜色:#ccffcc”的意思,现在不熟悉没关系,以后会继续讲解的。
什么标签都可以加入STYLE属性吗?
基本上,任何标签都可以加上STYLE属性。所以,你不用担心会有标签不接受。不过,单独调用针对网页元素加入STYLE属性虽然非常灵活,但是,却失去了CSS 的一个优点,那就是统一性。所以说,你在使用时,除非只有部份网页元素需要单独使用CSS格式,否则,尽量在使用之前介绍的调用方法,如此,日后在维护上会比较简单。
CSS的外部调用和内部调用_神吹的地盘
CSS的外部调用和内部调用_神吹的地盘
调用外部Dll
FLASH中如何调用外部声音和图片!
表单的调用问题
天气的JS左右调用
EJB调用的原理分析
Jquery的跨域调用
vbscript事件过程的调用
天气的JS左右调用
opencore Init的调用流程
帝国调用图片集的方法
C/C++中动态链接库的创建和调用
函数调用规范__cdecl和__stdcall的区别
html在线编辑器的调用方法---原理和实例
FLASH调用外部文件详解(flash8.0)
涉及C语言中参数调用和参数传递机制的探讨_非常编程 专注编程
三、FLASH调用外部文件----调用外部*.swf文件(加载到场景中)(7) - Qzo...
14-调用CSS语句修饰图片边框
delphi中调用另外的exe程序
深入理解Linux的系统调用
使用 Linux 系统调用的内核命令
Java Web Services的远端调用[图]
C#中调用Windows API的要点