html工作中表格<tbody>标签的使用技巧

2017年02月06日 100 阅读

在做页面的时候，经常要根据不同的操作来显示或隐藏一个表格中的部分内容，隐藏一行直接用<tr>标签，隐藏多行时用<tbody>就很方便。 <table> <tbody id="content1"> <tr><td>表单内容</td></tr> </tbody> <tbody id="content2" style="display:none"&g...

input为disabled提交后得不到该值的解决方法

2017年02月06日 117 阅读

<input name="country" id="country" size=12 value="disabled提交时得不到该值 " disabled="disabled" > 放在form表单中提交后得不到该值。 将disabled="disabled" 改为 readonly = "readonly" 即可 按照W3C的规范：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17...

Css Reset（复位）方法整理第1/3页

2017年02月06日 85 阅读

相信看完全文您会对Css Reset有个重新的认识PS：复制代码 代码如下:* { padding: 0; margin: 0; } 这就是最常用的Css Reset，但是这里会有很多问题。 原文前部分说了很多关于Css,以及各浏览器的css规则的不同,而制定"Css Reset"也是为了兼容与统一,正确有效的使用"Css Reset"可以在某种程度上节约时间与金钱. 非常感谢Perishable的整理与归纳 下面是关于几类Css Reset的简单介绍,本...

css首字放大实例代码

2017年02月06日 69 阅读

首字放大练习_脚本之家_www.jb51.net p .firstword{ font:bold 60px tahoma; float:left; padding-right:5px; color:red; } 脚本之家 www.jb51.net。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

Chrome的hack写法以及CSS的支持程度图示

2017年02月06日 78 阅读

复制代码 代码如下:body:nth-of-type（1） p{ color: #333333; } Only the Google Chrome and Safari 3.1 browsers will show paragraphs as red. ...

IE6支持position:fixed完美解决方法

2017年02月06日 78 阅读

今天去一老外站看到了这他站上的十分平滑但却没有js，好奇，原来。。巧妙啊，分享下，相对而言比较节省资源。但效果好，使用方便，兼顾w3c。哈哈 复制代码 代码如下:<！-- compliance patch for microsoft browsers --> <！--[if lt IE 7]><link rel="stylesheet" href="ie-stuff.css" type="text/css" media="sc...

让IE ff Opera同时支持Alpha透明的方法

2017年02月06日 85 阅读

我们今天共同学习一下CSS Alpha透明相关的知识。 关于CSS Alpha透明的相关知识。先请看如下代码： 复制代码 代码如下:filter:alpha（opacity=50）; /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 简单解释，IE使用私有属性filter:alpha（opacity），Moz Family使用私有属性-m...

WEB标准网页布局中尽量不要使用的HTML标签

2017年02月06日 79 阅读

Do not use these html elements in html pages. Presentational elements should not be used. Support for some elements has been （or will be） deprecated; they should not be used. Don"t Use These Tags Presentational b big hr i sm...

css为图片设置背景图片

2017年02月06日 86 阅读

CSS的功能是非常强大的，对于元素的表现以及页面的布局，都提供了非常强大的功能，这主要在于我们灵活的运行，在这方面提供了丰富且富含价值的各种教程与信息。对于图片的使用，其实更多的是在内容层。根据WEB标准的思路，表现层的图片，已经都被分离到CSS中去了。只有作为内容的图片才能以IMG标签插入在页面中，这也是一直强调的语义。 为图片设置背景图片，是一个非常搞的实例。这句话或许就感觉有点好玩。我们为以IMG标签引入页面的图片设置背景图片。这样的应用范围或许...

ASP、PHP与javascript根据时段自动切换CSS皮肤的代码

2017年02月06日 82 阅读

根据时间自动调整站点风格是不错的想法，这种根据时间自动调整站点风格也不是什么新鲜事，记得好久以前也见过类似的文章或方法，只不过当时没有特别注意。下面说一下它们的实现方法，目前网上有这样两种实现方法： 一、采用服务端的代码 ASP版本： <link rel="stylesheet" type="text/css" href=" <% if hour（now）<12 then response.write "morning.css" else...

css图片切换效果代码[不用js]

2017年02月06日 78 阅读

纯css图切换 练习 教程来自snwebsite a{ display:block; border:1px solid #cccccc; width:20px; height:20px; margin:1px; } dl{ position:absolute; width:240px; height:170px; } dt{ position:absolute; right:1px; top:25px; } dd{ width:240px; he...

css import与link的区别

2017年02月06日 80 阅读

看到一些网站的页中大部分是这样写的 <style type="text/css" media="screen"> @import url（"http://www.jb51.net/home/css/global/v2.0.css？t=20070518.css"）; </style> 而很多网站使用的都是link <link rel="stylesheet" rev="stylesheet" href="default.cs...

css网页布局中注意的几个问题小结

2017年02月06日 77 阅读

一、少用偏门。 类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 二、center不是float的值。 很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 三、对齐不能包括两个值。 很多新手会在float或者text-align中填写两个值，比如：float:lefttop。这是不允许的，浏...

指定网页的doctype解决CSS Hacking方法总结

2017年02月06日 82 阅读

但是实际上，浏览器远远不止这几个,Firefox分为Firefox 1.5,Firefox 2,Firefox 3几个主要版本，IE7,IE6中也各有好几个系列,另外除开这两个主流厂商的产品之外，还有Opera,Konqueror,Netscape,chrome等一系列。 这些浏览器，各有各的一套，往往在这里运行正常，在那里运行就不正常了。于是WD们拆东边补西边，终于能在几个浏览器下都正常了。结果，产品经理又有了新的需求，需要在哪儿哪儿那儿改一下，于是...

门户网站构建CSS框架的规则

2017年02月06日 95 阅读

第一部：关于构建CSS框架我们要实现的目的：1.实现标准化，具备主流平台适应性的前端实现； 2.快速开发，在站点风格确定后，前端不应该成为整个项目里瓶颈； 3.重构的需求，尽可能的让类和区块样式可重用； 4.分离结构和表现的需求，遵守了语义化结构的约定; 5.构架完全符合金融网特色的CSS框架。 6.对代码进行必要的搜索引擎优化。第二部：关于CSS命名的一些约定：1.不使用大写形式的类名和id名; 2.尽可能使用描述性的英文单词的组合作为类名和id名; 3...

左侧固定宽度，右侧自适应宽度的CSS布局

2017年02月06日 95 阅读

BI上有高手专门讨论了这种布局方法，但他用了较多的hack，还回避了IE6的dtd。我在实际使用中，发现回避掉IE6的dtd定义后，会导致ajax模态框无法居中（VS的一个控件，自动生成的代码，很难修改）。 于是自己写了个简单的左右两列的布局，没用到什么hack，很简单，只是练手用用。 css代码：left和right都贴住左侧。设置left在right上面（z-index）；在right内加个放内容的层（content）；设置content距离right...

BS项目中的CSS架构_仅加载自己需要的CSS

2017年02月06日 89 阅读

先说下这套架构的优点：1.可以方便的把繁重的CSS编写工作分配出去，而不会相互造成影响。2.结构清晰，利于维护和修改。3.每一张网页都仅加载自己需要的CSS。总结下来就是：提高开发效率，提高维护效率，提高网页加载效率。下面我解释一下上面这张CSS结构图：图中间的5个黑色的图示表示网页，其中上面单独的一张是母版页，下面四张是子页。使用VS的人都知道母版页的作用，相当于asp中的include，把共通的部分作成母版，单独的部分作成子页，提高开发效率。图上方绿色...

DIV+CSS经常用到的属性、参数及说明

2017年02月06日 110 阅读

通用类 overflow:hidden;自动隐藏超出的内容，防止撑开层和表格的范围 ！important 指定样式规则的应用优先权 文字类 color: #FF0000;文字颜色 font-family: "Arial", "Helvetica", "sans-serif";字体 font-size: 9px;字号 text-align：center; 居中（left为居左,right为居右） line-height：28px；行高（可用150%值） fo...

校内网css代码添加背景图片常用代码

2017年02月06日 76 阅读

序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url（URL）|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位 {background-position:数值...

css 通配符用法总结

2017年02月06日 92 阅读

css学习笔记一 <style type="text/css"><！-- * a,table,div{font-size:12px;} --></style> 通配a,table,div下所有文字的字体大小. 后边的a,table,div起到限定作用. <style type="text/css"><！-- * {font-size:12px;} --></style> 通配body下...