郭晓湉

<label class="focusa">看不清？<a href="#" onclick="reImg();" class="c-blue">换一张</a></label> function reImg(){ $("#code").attr("src", 'http://192.168.1.238:9501/api/captcha'+ "?v=" + new Date().getTime

ul{            width: 200px;        }        li{            list-style: none;            width: 230px;            line-height:28px;            margin-bottom: 18px;             display: inline;       

test    -->        .layout .sidebar { float: left; width: 150px; background: #fce3c5; height: 300px; }    .layout .primary { margin-left: 170px; background: #fce3c5; height: 300px; }                  

元素 元素用来描述网页中最上层的标题。由于一些浏览器会默认地把 元素显示为很大的字体，因此会有一些 web 开发者使用 元素代替 元素来显示最上层的标题。这样做不会对读者产生影响，但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。请确保把 用于最顶层的标题， 和 用于较低的层级。谈到SEO优化的话 H1标签　　H1标签是指网页html中对文本标题所进行的着重强调的一种标签，制作

说白就是用样式表切一个大图片现在很多好的网站都是这么写，然后很多位置的图片，就用一张图片，然后一次URL请求就行了，加快网站访问速度这个就是切片工具可以直接导出下图框框中的内容这个是切片工具 全部拆分切开 用CSS精灵的方式合并到一起就ok了这里就是CSS精灵的写法 全用的一张图片 默认是 图片的位置是你div的左上角开始，我们用background-position，给他向左，向上移动一下 ，显

简单的左侧导航 代码如下：测试<!--作者：小湉网址：http://xtian.me时间：2013-11--> 用户管理 基本资料 邮箱管理 密码管理 编辑管理 发布广告管理 $('.wmenu dl dt').click(function(){ $(this).toggleClass('icotop'); $(

代码如下： /* 这以下是重置样式 Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /*

代码如下： 思瑜科技在线充值 /* Bank Select */ .ui-list-icons li { float:left; margin:0px 10px 25px 0px; width:218px; padding-right:10px; display:inline; } .ui-list-icons li input { vertical-align:m

多角色选项卡登录效果图如下：其实是绿色的边框 选中的角色 也会标绿 但是截图出来就成这效果了 可以去我个人博客看demo 地址html代码如下：角色选项卡$(function(){ $('.tabPanel ul li').click(function(){ $(this).addClass('hit').siblings().removeClass('hit');

body{margin: 0px;}        #divLeft{width:100px;height:800px;float: left;margin:0px;background-color:#8ADEFF;}        #divCenter{width:100%;height:800px;margin:0px auto;background-color:red}

代码如下： Tabs /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font

ul li spandiv.menu ul{    list-style:none; /* 去掉ul前面的符号 */    margin: 0px; /* 与外界元素的距离为0 */    padding: 0px; /* 与内部元素的距离为0 */    width: auto; /* 宽度根据元素内容调整 */}/* 所有class为menu的div中的ul

笔记本电脑啊,台式机电脑叫 PC端.平板电脑 叫 pad端 也叫HD版.手机叫 移动端, phone端.电视上的叫 tv端.网页的叫 web端后台的叫 服务端

阿哈哈 不错~

懒得都没有时间更新博客了

闲的无聊，发下新文章，恒字掉了 呜呜呜呜 下月要亮起来  http://www.guoxiaotian.com/ME/me.html

要想png图片背景透明：最保险的办法是：将格式处理成png8的（因为我们一般保存的是PNG24）；png8和gif都是8位的透明度，IE6与生俱来就支持png8的索引色透明度，但不支持png或8位以上的 alpha 透明度。而对于非动画的GIF建议你使用PNG8，因为体积会更小~想将png24转换成png8，方法也很简单，使用photoshop转换就可以了。

一直习惯使用IE，有点慢，小毛病又多点，可这么多年，还是没换过。最近发现用IE的F12调试代码的功能不起作用了，改起网页来不是很方便。不知是什么引起的，又不想重装IE...也不想更新到最新的IE,好多网银跟不上IE的更新速度，所以 了，只能将就着用了。下个火狐来试试。要是可以，以后调试就用火狐了。 　　百度了下，找到了解决方法，下面是原文摘录：　　“按下F12之后，开发人员工具在桌面上看不到，但是

标题 关键词网页描述语义化代码H1~H6标签多用于标题UL标签多用于无序列表OL标签多用于有序列表DL标签用于定义数据列表em、strong表示强调     标签     标签,标题用h1标签      标签与 标签 （只用于文本空格）定义表格用caption     标签应使用alt说明    用于强调 , 用于斜体 与 标签重要内容html代码放在最前面重要内容不要用js 输出尽量少使用

在不同的编码模式下，文字的行高计算是不一样的，所以请记住选择与页面相对的编码这个方法是利用display:table-cell在支持该属性的浏览器中，结合vertial-align:middle方法来实现图片垂直居中；在不支持display:table-cell的浏览器（IE）中利用文字结合行高的方法来实现垂直居中；display:table-cell这个属性会导致一些属性失效，比如margin，

html头部底部如何加载我们可以尝试iframe无边框 （但是这种方法很笨 并不建议）<iframe style="min-width:1200px" hspeace= "0" vspace= "0" runat="server" src="foot.html" width="100%" height="90" frameborder="no" border="0"marginwidth="0"

1、引入两个js文件jquery-2.1.1.min.js jquery.tablesorter.js 2、在js写上 $(“#表id”).tablesorter();即可将表的所有字段进行排序假设我不需要点击“序号”进行排序，使用如下方法：$.tablesorter.defaults.headers = {0: {sorter: false}};同理假设我不需要点击“序号”和“组别”进

项目要做组织架构图，要把它做成自上而下的树形结构。 一、说明（1）通过后台查询数据库，生成树形数组结构，返回到前台。（2）需要引入的js插件和css文件：　　①jquery.jOrgChart.css　　②jquery.min.js　　③jquery.jOrgChart.js（3）使用jOrgChart插件，根据返回的数据将其子节点加入到相应的<li></li>中。首先，我们的数据表应该要有 id

function lists() { whereInfo.uid= params["uid"]get(apistore.AD_GEREN, whereInfo, function (r) { if (r.code == 0 && r.data.length > 0) { var str = ""; $.e

var carClass = [    {        "id":0,        "name":"微型车"    },{        "id":1,        "name":"小型车"    },{        "id":2,        "name":"紧凑车"    },{        "id":3,        "name":"中型车"    },{        "id

无标题文档 <style> * { margin: 0; padding: 0; } .box { padding: 5px 0 0 5px; background-color: blue; overflow: hidden

//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列

无标题文档    中国职业信用管理平台       人社部    公安部       教育部     商务部       国家公务员局     中国国家人才网       深圳新闻网     全国行业信用公共服务平台       -->

底部的文字相对于 body 容器定位  body { position: relative; }  .footer { position: absolute; bottom: 0px; left: 50%; margin-left: -footer容器宽度的一半px(比如-200px;) }0000w1234131

仿wordpress管理后台设计的后台管理框架本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦：html的padding-top来实现整体下移，然后top使用position：fixed定位到顶部。leftbg的position:absolute来实现左侧背景定位。左右分栏是利用float特性，让右侧可以自动适应。<!DOCTYPE html

相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。 看页面点击这里一、什么是响应式布局? 响应式布局是Et

无标题文档.div1{ width:420px;}.div1 li { list-style: none; float:left; border:1px solid #EAF3FA; background:#FBFCFF; margin:10px; width:120px; height:40px; line-height:40px; padding-left:10px;}.div span{pa

無標題文件 window.onload=function(){ document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px"; } 我是導航，我很短 我是內容，我很長 我是內容，我很長

IE真的快把我搞死了 0.0可爱的迷人的让人醉了的IE你真棒今天用表格写一个4列的表格 要实现的效果大概是这样的确实用普通浏览器都没有问题 很简单明了的一个表格嘛！用IE8以下的看就成这样子了是不是醉了 让我无从下手 后来知道 原来 要这样写！.wd-table{width:99%; border-width:thin; border-collapse:collapse; color:#50505

原文地址：http://www.zhangxinxu.com/wordpress/?p=56前言目前中文网站上面的文字，就我的个人感觉而言，绝大多数网站的主流文字大小为12px，因为在目前高分辨率显示器屏幕下，11px的汉字，其像素点开始不规整，文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。例如下面这张雅虎中国首页在火狐浏览器下的截

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为t

如果图片被锁定，请“双击”图层中“背景”解锁，如果没有图层菜单，在最上面导航栏中：窗口—图层。选用“圆角矩形工具“设置圆角弧度大小，设置“半径” 19同时按Ctrl+回车（Enter）选区，再Ctrl+Shift+i 反选

function DX(n){ if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return"数据非法"; var unit="千百拾亿千百拾万千百拾元角分",str=""; n += "00"; var p= n.indexOf('.');