‘html/css’ 类别下的博文

张映 发表于 2011-02-11

分类目录: html/css

各种语言都有截图的方法,我主要是做php,php当然也有截图的函数。css也是可以截图的,这对于做美工的人员来说,肯定都很熟悉,但是对做程序的来说,就不一定熟悉了。突然感觉css也是非常的强大的。

下面我们来看一个例子,大家肯定能明白css是怎么样实现截图的。

阅读全文>>

张映 发表于 2011-01-31

分类目录: html/css

html的输入框有提示功能,你输入内容后,会记录下你在这个输入框中输入的内容,当你再输入后,就会在输入框的下面显示,以前你输入过的内容,这个设计挺好的,但是有的时候,也会带来麻烦。例如,如果我要自己来控制这个输入框的内容,像google输入框的下拉提示那样,输入框自带的提示功能就会,盖在自己设计的提示框的上面,这样就不好了。

<input  value="" title="linux  在线搜索" name="search" id="search_input" maxlength="50">

上面的这个带有自动提示功能的输入框。

<input  value="" title="linux  在线搜索" name="search" id="search_input" maxlength="50" autocomplete="off">

加上autocomplete="off"后,自动提示就没有了。

张映 发表于 2010-12-10

分类目录: html/css

今天才发现,本bolg的相关文章好丑,右边空出来好大一块,感觉空空的,我做了一点修改,以一个实例来说明

阅读全文>>

张映 发表于 2010-09-20

分类目录: html/css

要想把html中的层设计的很好,来实现一定的效果,也要有一定的思想。做web开发也有好几年了,刚开始的时候,对层不是很了解,总感觉不是很好做,因为当时,我对css这类东西不熟,总觉得这些东西应当由美工来完成,知识总是要学的。什么是html的层呢?html的层根普通意义上的层,意思是一样的。很多东西叠加在一起,三明志,汉堡等,分好几层。

看一个例子,一个拉窗帘的效果,用firefox看,IE下面还没有调试好.

http://blog.51yip.com/demo/curtain/

阅读全文>>

张映 发表于 2010-06-14

分类目录: html/css

今天遇到一个挺郁闷的,就是float与li有冲突。当他们二个同时出现时,在ie下面呢,li前面的小黑块不见了,但是在firefox下面是好的。

<html>
<style>

ul li{
 color:#009999; float:left;list-style-type:square;padding-left:20px; WIDTH: 100%;
}
</style>
<body>
<h4>test:</h4>
<ul>
 <li>china</li>
 <li>anhui</li>
 <li>luan</li>
</ul>
</body>
</html>

阅读全文>>

张映 发表于 2010-05-28

分类目录: html/css

先看一下404页面,http://blog.51yip.com/404.html这里面主要就是一个404图片,代码如下

<div style="margin: 10px; text-align: center;">
     <img src="test404_files/06.png" usemap="#Map" alt="HTTP 404,file not found"
     border="0"  height="422" width="450">
     <map name="Map" id="Map">
        <area shape="rect" coords="64,340,123,365" href="javascript:history.back();">
        <area shape="rect" coords="164,340,205,365" href="http://blog.51yip.com">
     </map>
</div>

解释:
usemap="#Map"调用一个name='Map'的标签
<map name="Map" id="Map"> html标签
一个<area>对应图片中的一块

shape="rect" 链接的形状,rect是rectangle(距形)英文单词的缩写

coords="64,340,123,365"距形链接坐标,这里的coords是coordinates(坐标)英文单词的缩写。

64,340,123,365这四个数字分别是链接距形相对于图片的左边,上边,右边,下边的位置。

64就是链接距形左边距大图片最左边的距离,其他数字也一样

张映 发表于 2010-05-20

分类目录: html/css

今天看到一个页面,打开后没几秒自动跳转了,我的第一反应就是里面肯定含有setTimeout之类的方法,但是看了页面源码后,里面根本没有包含JS文件,也没有写JS代码,一下子引起了我的兴趣.<meta http-equiv="refresh" content="10; ,URL=/2010registration.html">,meta原来这么强大。下面说将说一下meta http-equiv的一些个人觉得比较有用的用法

一,页面跳转

<meta http-equiv="refresh" content="10; ,URL=http://blog.51yip.com">

说明:10秒后,页面刷新,并跳转到http://blog.51yip.com

二,缓存控制

阅读全文>>

张映 发表于 2010-05-05

分类目录: html/css

select标签做应用层程序开发的肯定都用到过。有的时候老是忘记里面的一些东西,写出来了,自己查就方便了。看个例子

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>select example</title>
</head>
<body>
 <select id="test" size="10" name="test"  multiple="multiple">
  <optgroup label="lanuage">
   <option value="HTML">html</option>
   <option value="CSS" selected>css</option>
   <option value="javascript">js</option>
   <option value="PHP">php</option>
   <option value="ASP">python</option>
   <option value="JSP">java</option>
  </optgroup>
  <optgroup label="database">
   <option value="Pgsql">pgsql</option>
   <option value="MySQL">mysql</option>
   <option value="mssql">mssql</option>
  </optgroup>
 </select>
</body>
</html>

阅读全文>>

张映 发表于 2010-04-13

分类目录: html/css

一,frameset和frame

我们在做后台管理的时候,难免会用到frameset和frame
<Frameset>为框架标记,说明该网页文档为框架组成,并设定文档中组成框架集的框架的布局。
<Frame>用以设置组成框架集中各个框架的属性。

说白了,就是Frameset是爷爷,frame是孙子。爷爷肯定比孙子大。嘿嘿,这样表述感觉挺爽的。

 Frameset参数

阅读全文>>

张映 发表于 2010-04-13

分类目录: html/css

一,什么是xsl,他有什么用

XSL 之于 XML ,就像 CSS 之于 HTML。它是指可扩展样式表语言 (EXtensible Stylesheet Language)。这是一种用于以可读格式呈现 XML 数据的语言。XSL 实际上包含两个部分:
1,XSLT – 用于转换 XML 文档的语言;2, XPath – 用于在 XML 文档中导航的语言

XSLT 可以将 XML 文档转换为其它 XML 文档、XHTML 输出或简单的文本。这通常是通过将每个 XML 元素转换为 HTML 元素来完成的。由于 XML 标签是用户定义的,浏览器不知道如何解释或呈现每个标签,因此必须使用 XSL。XML 标签的意义是为了方便用户(而不是计算机)理解。

阅读全文>>