CSS、DOM、JE22分别是什么来的啊

html-css06

CSS、DOM、JE22分别是什么来的啊,第1张

CSS是层叠样式表,一般和DIV配合使用,也可以用在表格的样式里;

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscape的Javascript和 Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

不是JE22,是J2EE。。。。

J2EE是一套全然不同于传统应用开发的技术架构,包含许多组件,主要可简化且规范应用系统的开发与部署,进而提高可移植性、安全与再用价值。

具体内容去百度一下

制作时间

首先,笔者在制作时间上进行对比,利用CSS3制作页面远比使用CSS节省时间。因为CSS3可以直接制作很多效果用来替换图片,而使用旧CSS版本制作的页面需要制作一些图片来体现效果,所以在制作图片上也要花费很多时间。

文件数量、容量及加载时间

CSS3版本的CSS文件大小为5.2K,网页文件总数为12,总容量为767.9K;CSS版本的CSS文件为4.5K,但网页文件总数为22,网页容量为849.2K。加载时间分别是3.3秒和4.7秒。

从以上数据可见,CSS3比CSS精简很多,速度也更快。

服务器请求次数

另外一个衡量指标是服务器请求次数,一般网页中有多少文件,就会对服务器有多少次请求数。不要小看这个指标,很多网页制作高手为了减少对服务器的请求负载,才探索出CSS Sprite技术。

CSS3中一共有12个文件,CSS版本中有22个文件,所以它们对服务器的请求数分别为12和22。又是CSS3胜出。

最后,综合以上的数据,在图三中已经列出CSS3和CSS的相关数据,CSS3完胜。

这下我们可以看到CSS3除了比较美观的效果外,还有更多的优点,毕竟它是网络技术发展中的产物,必然会向更加简单实用美观的方向发展。

CSS是能实现的,不过有点麻烦。大概是这么实现:

在HTML中为需要“向右偏移15%+22px”的div加上两个辅助定位的div:

<div id="outer">

    <div id="theMiddel">

        <div id="div"></div>   <!-- 目的:此div向偏移15%+22px -->

    </div>

</div>

2. 在CSS中,首先使最外层的<div id="outer">使用相对定位position:relative,占据15%的父元素的宽度(即width: 15%),高度与目标<div id="div">一样;

3. 在CSS中,使以下两个div

<div id="theMiddel">

    <div id="div"></div>   <!-- 目的:此div向偏移15%+22px -->

</div>

假设目标<div id="div">的宽度是50px。

<div id="theMiddel">使用绝对定位,定位到最上边最右边,这时候目标<div id="div">的位置就是:向右偏移15%减去目标<div id="div">的宽度(15% - 50xp)。

4. 目标<div id="div">使用绝对定位,然后right: -(50 + 22)px。这就是向右偏移15%+22px。

以下代码详细实现

向右偏移15%+22px.html  文件代码清单如下:

<!doctype html>

<html langj="zh">

  <head>

    <meta charset="utf-8">

    <title>向右偏移15%+22px</title>

    <link rel="stylesheet" href="marginRight.css">

  </head>

  <body>

    <p>CSS绝对定位:向右偏移15%+22px</p>

    

    <div id="outer">

      <div id="theMiddel">

        <div id="div"></div>

      </div>

    </div>

  </body>

</html>

marginRight.css   文件代码清单如下:

#outer {

position: relative

width: 15%              /* 用宽度15%定位到15%位置 */

height: 50px            /* 这行可以去掉,现在是为了看清偏移情况 */

background: rgb(220, 220, 220)/* 这行可以去掉,现在是为了看清偏移情况 */

}

#theMiddel {               /* 中间部分使目标div移动到15%位置的最右边 */

position: absolute

top: 0

right: 0

}

#div {

position: absolute

right: -72px       

/* 偏移量是:目标div的宽度加上22px。如果目标div宽度变化,这行自己相应变化 */

width: 50px     

/* 目标div的宽度,自己设定,如果变化,上一行的负偏移量也要改变 */

height: 50px

background: rgb(18, 48, 168)

}