![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
iteye_11116
这个作者很懒,什么都没留下…
展开
-
网页布局CSS技巧-Web设计必知
1、两列布局 1.1、左列固定,右列自适应 #left{ width:190px; float:left; } #right{ margin-left:205px; } 1.2、右列固定,左列自适应 #left{ float:left; width:100%; } #right{ float:left; margin-left:-100px; widt...原创 2013-09-19 13:15:01 · 125 阅读 · 0 评论 -
html中meta标签实现页面自动刷新跳转
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Refresh" content="1;url=http://www原创 2014-08-24 17:08:08 · 446 阅读 · 0 评论 -
CSS初始化代码
为什么要初始化CSS? CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开发网站或新网页时候通过初始化CSS样式的属性,为我们将用到的CSS或html标签更加方便准确,使得我们开发网页内容时更加方便简洁,同时减少CSS代码量,节约网页下载时间。 CSS初始化示例代码 ...原创 2014-08-24 17:09:30 · 124 阅读 · 0 评论 -
设置网页在浏览器中的图标
<link rel="shortcut icon" href="http://www.xiamiz.com/favicon.ico"> <link rel="subresource" href="/some_other_resource.js"> link标签不仅仅可以加载css样式,还可以加载js ...原创 2014-08-24 18:05:03 · 271 阅读 · 0 评论 -
html5制作loading图
<!DOCTYPE html> <html> <head> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <原创 2014-08-24 19:27:14 · 374 阅读 · 0 评论 -
CSS 平级和儿子级样式写法
写道 input:checked+ol:这个是讲当inoput 拥有了checked后它平级的OL拥有的样式。input:checked+ol>li:中的大于是指当inoput 拥有了checked后它平级的OL下面儿子辈的li的样式,孙子辈的不继承。 <!DOCTYPE html> <html lang="zh-cn"> <head> ...原创 2014-09-21 23:27:44 · 1196 阅读 · 0 评论 -
HTML5
http://www.w3schools.com/html/html5_form_input_types.asp原创 2014-10-17 01:11:26 · 72 阅读 · 0 评论 -
display:inline
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> ul#menu { padding: 0; } ul#menu li { display: inline;原创 2014-10-28 23:53:41 · 84 阅读 · 0 评论 -
Js 载入时选中文字的实现代码,需要的朋友可以参考下
<script type="text/javascript"> window.onload = function(){ var form = document.getElementsByTagName('form')[0]; form.yourForm.focus(); form.yourForm.select(); } </script><...原创 2014-11-26 00:09:04 · 75 阅读 · 0 评论 -
css属性选择器
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.clazz { height: 100px; width: 100px; background-color: gra原创 2017-01-08 15:11:04 · 134 阅读 · 0 评论 -
搜索框默认值处理
<input name="keywords" value="请输入关键字" onclick="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" class="text"/> <input type=&原创 2014-05-20 00:44:38 · 986 阅读 · 0 评论 -
div内自动换行
word-warp:break-word; word-break:break-all;原创 2013-09-19 14:07:16 · 317 阅读 · 0 评论 -
网页内容居中显示
HTML Header Content Footer CSS #container{margin:0 auto;width:600px;border:1px solid red;} #header{border:1px solid...原创 2013-09-19 14:17:33 · 540 阅读 · 0 评论 -
css布局
My JSP 'layer_demo.jsp' starting page /*基本信息*/ body{ font:12px Tahoma; margin:0px; text-align:center; background:#FFF; } /*页面层容器*/ ...原创 2013-09-25 03:43:50 · 69 阅读 · 0 评论 -
鼠标悬浮时图片上显示放大图标
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&quo原创 2013-12-22 11:28:47 · 1523 阅读 · 0 评论 -
纯CSS实现div背景颜色渐变
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":&qu原创 2014-01-21 23:32:15 · 994 阅读 · 0 评论 -
onmouseover="this.className='bb'这样也可以
<html> <head> <style type="text/css"> .aa { border:1px solid gray; } .bb { border:2px solid blue; } </style> <script type="text/javascr...原创 2014-03-08 20:27:50 · 568 阅读 · 0 评论 -
网页代码常用小技巧
1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键〈table border oncontextmenu=return(false)〉〈td〉no〈/table〉 可用于Table 2. 〈body onselectstart="return false"〉 取消选取、防止复制3. onpaste="return false" ...原创 2014-04-25 00:03:24 · 1223 阅读 · 0 评论 -
自定义鼠标样式
IE版本处理 写道 http://blog.csdn.net/plpyxx/article/details/5586853 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title&am原创 2014-04-25 00:42:13 · 130 阅读 · 0 评论 -
css sprite布局小图标
常用网页小图标加载方式: 1、 css sprite方式,即将多个小图标放置在一张大图上,然后通过background-image/background-position 来进行绝对布局。要注意的是要确保每个小图标大小一致。 【优势,相对于多个小图标分开请求传输效率更高,方便管理】 2、html + font 3、css + font ...原创 2015-04-10 01:08:43 · 165 阅读 · 0 评论