随笔分类 -  html+css

div+css如何实现最小高度。
摘要：要求：在不同的浏览器下，要求字多的时候，框会自动延伸，字少的情况下是200px，字没有的情况下还是这个高度。此例子主要用了(!important)CSS代码：*{padding:0; margin:0}body{ font-size:30px;padding:100px}.box{width:300px; height:auto !important; min-height:200px;border:5px solid #000000} HTML代码:View Code 1 <div class="box"> 2 smart工作室<br /> 3 s 阅读全文
posted @ 2012-05-19 20:41 清晨の雨露 阅读(339) 评论(0) 推荐(0)
css伪元素
摘要：伪类:first-child伪类。伪类向元素的第一个子元素添加样式。例如我们想列表中的第一个元素做点特别的定义li:first-child{color:red}<ul><li>这是ul里的一个li</li><li>这是ul里的二个li</li><li>这是ul里的三个li</li></ul>链接伪类：:link和:visited例如:a:link{color:#33FF00;}a:visited{color:#FF0000;}<ahref="http://www.baidu.com& 阅读全文
posted @ 2012-04-25 16:41 清晨の雨露 阅读(725) 评论(0) 推荐(0)
html标签之label
摘要：label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性，为用户更宽的点击区域。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。但必须先满足一个条件：<label> 标签的 for 属性应当与相关元素的 id 属性相同，规定label与哪个表单元素绑定。demo：带有两个输入字段和相关标记的简单HTML表单：<form><label for="男">男</label><input type="radio" 阅读全文
posted @ 2012-04-22 15:13 清晨の雨露 阅读(260) 评论(0) 推荐(0)
转载div+css命名规范标准
摘要：学习学习http://hi.baidu.com/8thzone/blog/item/55e8a5f1458592dc0b46e034.html 阅读全文
posted @ 2012-03-30 22:56 清晨の雨露 阅读(181) 评论(0) 推荐(0)
html特殊标签的学习
摘要：一：<acronym>元素可定义只取首字母缩写。<acronym title="World Wide web">WWW</acronym效果:二：<del>定义文档中已删除文本 <ins>定义下划线文本 <del>删除的文本</del> <ins>定义下划线的文本</ins>效果：删除的文本 定义下划线的文本 三：<optgroup>标签定义选项组City:<select name="city"><optgroup labe 阅读全文
posted @ 2012-03-17 16:01 清晨の雨露 阅读(657) 评论(0) 推荐(0)
学习笔记
摘要：前言;一切为了补血。一:W3C是什么？W3C（World Wide Web Consortium）就是一个组织，一个出网页标准的页面。那么由W3C组织出的标准即被称为W3C标准，符号W3C标准的页面就是标准页面了。二：css控制页面的四种样式：行内样式，内嵌样式，链接样式，导入样式。1、 行内样式：，直接对HTML标签使用style=""。<p style="color:#F00; background:#CCC; font-size:12px;"></p>缺点：，在制作页面癿时候需要为很多的标签设置style属性，所以会寻致HT 阅读全文
posted @ 2012-03-01 23:25 清晨の雨露 阅读(196) 评论(0) 推荐(0)
2012/3/1
该文被密码保护。
posted @ 2012-03-01 19:52 清晨の雨露 阅读(0) 评论(0) 推荐(0)
js闭包
摘要：首先，先理解js的变量的作用域。变量的作用域分为全局变量和局部变量。js的语言的特殊之处是函数内部能访问全局变量。如js代码var j=99;function f1(){alert(n);}f1();//99; 当然，函数外部不能访问函数内部的局部变量。function f1(){alert(n);}alert(n);//error 为了访问函数内部的变量，就需要在函数外部再套一个函数，如上面代码中f1函数外部再套一个f2函数，只要f2的返回值是f1，这样就能访问f1内部的变量了。function f2(){ n=999; function f1(){ alert(n... 阅读全文
posted @ 2012-02-27 19:04 清晨の雨露 阅读(223) 评论(0) 推荐(0)
html input中button和submit的区别
摘要：type=button:就单纯是按钮功能。Type=submit :提交表单如：<input type=”submit” name=”name” value=”提交” onClick=”on_submit_click()” /><input type=”buttont” name=”name” value=”提交” onClick=”on_submit_click()” /> 点击提交按钮后第一个先转到action ，自动提交，用不到onClick函数;第二个首先执行的是onClick函数，跳转到js里去了。在js里实现表单的提交如下document.表单名.submi 阅读全文
posted @ 2012-02-21 16:05 清晨の雨露 阅读(258) 评论(0) 推荐(0)
js页面跳转
摘要：一、window.location.href="你要跳转的页面";二、window.history.back(-1);或window.history.go(-1);效果：返回前一页。三、window.navigate("要跳转的页面");四、self.loaction='要跳转的页面';具体参考以下：http://www.zhuoda.org/lunzi/66097.html 阅读全文
posted @ 2011-11-20 21:06 清晨の雨露 阅读(185) 评论(0) 推荐(0)
转载(深刻地了解到了js数组是引用类型)
摘要：http://www.cnblogs.com/0banana0/archive/2011/11/17/2252639.html 阅读全文
posted @ 2011-11-17 20:49 清晨の雨露 阅读(201) 评论(0) 推荐(0)
jquery插件：fancybox
摘要：Fancybox的特点如下：可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影，更有立体的感觉使用方法：1、引入jquery核心库和Fancybox插件库12<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi 阅读全文
posted @ 2011-10-06 21:04 清晨の雨露 阅读(28695) 评论(1) 推荐(3)
js语言结构小记(一)
摘要：今天看了点js语言结构的一部分，我将我比较感兴趣地记录如下一：js支持 Unicode 字符集，所以可以用中文命名函数。二：js 在Var中没有初始化的变量，默认为undefined三：对于未声明也未赋值的变量，如果直接使用，会抛出一个系统级别的Error,如果用typeof(typeof是种类型运算符)操作来说，不论是否已经被声明,都将返回一个字符串”undefined”;例：//a 未声明 alert(typeof(a));//undefined alert(a);//Error四:算术运算符。用“+”可以较方便地将一个数值转换成字符串，具体操作是将操作是将这个数值加上一个空串(也可不写) 阅读全文
posted @ 2011-09-10 20:53 清晨の雨露 阅读(519) 评论(3) 推荐(0)