标签归档:html技巧

html中隐藏元素(style=”visibility:hidden”与style=”display:none”)的两种方法的不同之处简介说明


摘要:
下文讲述html中 style=”visibility:hidden”与style=”display:none” 的区别说明


style=”visibility:hidden” :此种css设置可使元素在页面上不显示,并且所占用的空间不会被别的元素占用,当我们再次打开此元素时,还是在原来的位置显示
style=”display:none”: 此种css设置可使元素在页面上隐藏,并且所处的位置会被别的元素替代

例:

 
    <html>
  <head>
  <title> www.maomao365.com style="visibility:hidden"与style="display:none"的区别</title>
  </head>
 
  <body>
    <span style="visibility:hidden; background-color:Red">隐藏区域</span><span style="background-color:Black">显示区域</span>
    <span style="display:none; background-color:Red">隐藏区域</span><span style="background-color:Black">显示区域</span><br/>
  </body>
</html>

html 修改select下拉框默认样式及option背景颜色的方法分享


摘要:
下文讲述html中修改select下拉框默认样式及修改背景颜色的方法分享,如下所示:


实现思路:
修改select下拉框的样式信息可使用css样式对其进行操作
—css中清除原select样式的方法—
-webkit-appearance: none; /* google */
-moz-appearance: none; /* firefox */
appearance: none; /* IE */
—-css添加select背景色的方法—–
background-color:red;

例:

    <html>
<head> 
    <style type="text/css">
        #ddlSelect{	 
	  /*清除原样式*/
         -webkit-appearance: none;   /* google */
         -moz-appearance: none;  /* firefox */
         appearance: none;       /* IE */
         
	  /*css添加select背景色的方法*/
          background-color:red;
	  }
    </style>
    <title>www.maomao365.com----select下拉框样式调整</title>
</head>
<body>
    
     <select id="ddlSelect" >
      <option>test1</option>
      <option>test2</option>
	  <option>test3</option>
	  <option>test4</option>
    </select>


</body>
</html>

HTML <iframe>html网页中嵌入网页“ifarme标签”元素简介说明


摘要:
下文讲述html元素中iframe标签的功能及用法说明,如下所示:


iframe 功能说明

iframe 是利用标签,直接在html文档中嵌入一个新的网页的方法。

iframe语法:

      <iframe src="http://www.maomao365.com" 
    width="400" height="200" scrolling="yes" />
   

–iframe属性说明—
Src:嵌入网页地址
Scrolling:是否显示滚动条,yes:存在 no:不存在 auto:可能存在或不存在
Width:嵌入网页的宽度
Height:嵌入网页的高度

注意事项:
以上除Src属性外,其它属性都可以使用css设置
以上所有属性,都可以使用js进行设置


iframe 举例说明

 

    <iframe src="http://www.maomao365.com" width="400" height="200" scrolling="yes" />
 
html教程之iframe标签举例说明

html教程之iframe标签举例说明