内容简介

第31卷第3期 2014年3月
吉林化工学院学报
JOURNAL OF JILIN INSTITUTE OF CHEMICAL TECHNOLOGY
文章编号:1007-2853(2014)03-0090-04
Vol. 31 No. 3 Mar.2014
DIV+CSS技术在网页布局中的应用实现
李双远,李阿辉*
(吉林化工学院信息中心,吉林吉林132022)
摘要:早期的网页布局主要是应用表格实现的,然面目前最流行的网页布局方法则是灵活性更高DIV+ CSS技术.本文阐述了DIV和CSS的基本概念,通过与表格布局对比展现DIV+CSS的优势所在,并且运
用实例来说明DIV+CSS技术在网页布局中的应用实现关键调:DIV;CSS;网页布局
中图分类号:TP393
文献标志码:A
DIV全称division意为“区块、分割”,DIV标签是一个无意义的容器标签,用于将页面划分出不同的区域.通过DIV将复杂的页面进行细分块,可以将问题细分一个一个解决,所以通过DIV 将页面分块是一个关键的工作,也是决定最终效果与质量的前提,
CSS(CascadingStyleSheet),中文翻译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言.CSS的引人就是为了使得HTML语言能够更好地适应页面的美工设计并且随即引发了网页设计的潮流,使用CSS设计的优秀页面层出不穷(1-3)
CCS样式的基础应用 CSS控制页面的方式
1.16
,行内样式
行内样式一般用于需要单独控制的元素,因为行内样式的优先级是最高的
嵌人样式
< style type = " text/css" >
选择器1属性1:值1;属性2:值2;3
嵌入样式一般是直接写在html文档头部的一种样式,为了文档的整洁性和易于控制操作性,当需要写大量样式代码的时候,是不用嵌人样式的
·外部样式
sa ="url" >
这段代码是放在html文档头部的,用于调用外部的样式.前面两种样式我们一般都不用于有大量样式代码的情况,那么这种方式当选最为合适,
,导人样式
@importurl(外部样式表位置);,优先级别:
-行内样式表>其他的样式表
-其他的样式表,优先级一样,按照导人的顺序来确定他们是否起
作用,
CSS选择器
1.2
CSS控制样式,那么CSS是怎么控制到元素的呢?这点正是因为CSS具有强大且众多的CSS选择器,也正是因为拥有众多选择器,CSS才能够运用自如的承载样式.下面是CSS所拥有的选择器:
,id选择器-#idname·类选择器-,classname
,标签选择器-tagname
,交叉选择器
- tagname, classname tagname#idname,群组选择器
-多个选择器用“,”隔开
收稿日期:2014-01-06
作者简介:李双远(1982-),男,吉林双辽人,吉林化工学院实验师,硕士,主要从事计算机网络方面的研究*吉林化工学院2012级学生。
万方数据