久久久久无码精品,四川省少妇一级毛片,老老熟妇xxxxhd,人妻无码少妇一区二区

CSS注意事項有哪些

時間:2020-10-15 14:12:08 CSS 我要投稿

CSS注意事項有哪些

  在使用CSS應(yīng)該盡量避免使用哪些技術(shù)?下面yjbys小編為大家整理使用CSS的`注意事項,希望對大家學(xué)習(xí)CSS語言有幫助!

  Internet Explorer Behaviors

  它是什么?Internet Explorer 5 引入了行為 (behaviors)。behaviors 是一種通過使用 CSS 向 HTML 元素添加行為的方法。

  為什么要避免它?只有 Internet Explorer 支持 behavior 屬性。

  用什么代替?請使用 JavaScript 和 HTML DOM 取而代之。

  例子 1 - Mouseover Highlight

  下面的 HTML 文件中有一個 <style> 元素,它為 <h1> 元素定義了一個行為:

  <html>

  <head>

  <style type="text/css">

  h1 { behavior: url(behave.htc) }

  </style>

  </head>

  <body>

  <h1>Mouse over me!!!</h1>

  </body>

  </html>

  下面是 XML 文檔 "behave.htc":

  <attach for="element" event="onmouseover" handler="hig_lite" />

  <attach for="element" event="onmouseout" handler="low_lite" />

  <script type="text/javascript">

  function hig_lite()

  {

  element.style.color='red';

  }

  function low_lite()

  {

  element.style.color='blue';

  }

  </script>

  behavior 文件包含了針對元素的 JavaScript 和 事件句柄。

  如果您使用 Internet Explorer,可以親自試一下(把鼠標(biāo)放在例子中的文本上)。

  例子 2 - Typewriter Simulation

  下面的 HTML 文件中有一個 <style> 元素,它為 id 為 "typing" 的元素定義了一個行為:

  <html>

  <head>

  <style type="text/css">

  #typing

  {

  behavior:url(behave_typing.htc);

  font-family:'courier new';

  }

  </style>

  </head>

  <body>

  <span id="typing" speed="100">IE5 introduced DHTML behaviors.

  Behaviors are a way to add DHTML functionality to HTML elements

  with the ease of CSS.<br /><br />How do behaviors work?<br />

  By using XML we can link behaviors to any element in a web page

  and manipulate that element.</p>

  </span>

  </body>

  </html>

  下面是 XML 文檔 "behave.htc":

  <attach for="window" event="onload" handler="beginTyping" />

  <method name="type" />

  <script type="text/javascript">

  var i,text1,text2,textLength,t;

  function beginTyping()

  {

  i=0;

  text1=element.innerText;

  textLength=text1.length;

  element.innerText="";

  text2="";

  t=window.setInterval(element.id+".type()",speed);

  }

  function type()

  {

  text2=text2+text1.substring(i,i+1);

  element.innerText=text2;

  i=i+1;

  if (i==textLength)

  {

  clearInterval(t);

  }

  }

  </script>

【CSS注意事項有哪些】相關(guān)文章:

CSS對SEO的影響有哪些05-27

喂奶注意事項有哪些05-11

攀巖有哪些注意事項07-06

登山注意事項有哪些12-19

露營注意事項有哪些12-14

登山有哪些注意事項10-09

紋身有哪些注意事項12-08

紋眉注意事項有哪些11-01

廚房裝修注意事項有哪些01-22