又一实用的常用CSS缩写语法收集

2017年02月06日 81 阅读

为什么要进行CSS缩写？ 在进行WEB标准网页设计时，必不可少的是写入大量的CSS语法，一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。 不过虽然软件生成的CSS代码阅读清晰易懂，但就是由于CSS对条条样式定义的清晰解释，也就使得CSS代码阅读显得冗长复杂，同时CSS代码的字节数也在增加……这对于追求高效率和完美性的人来说，是很难容忍的。 比如我们在给某元素定义填充大小时，使用到padding，当对上、右、下、...

推荐个不错的表单Input的高级用法11例

2017年02月06日 72 阅读

1.取消按钮按下时的虚线框 在input里添加属性值hideFocus或者HideFocus=true 2.只读文本框内容 在input里添加属性值readonly 3.防止退后清空的TEXT文档（可把style内容做做为类引用） <INPUTstyle=behavior:url（#default#savehistory）;type=textid=oPersistInput> 4.ENTER键可以让光标移到下一个输入框 <in...

flash幻灯片需要先激活ActiveX控件才能使用的又一个办法

2017年02月06日 105 阅读

微软由于种种原因，在sp2后限制了IE的ActiveX的使用模式，就是在页面中的ActiveX有一个虚框，需要用户点击一次才能正常交互。Flash是作为一个ActiveX嵌入到网页中的，所以它也会受牵连，只有通过JS嵌入Flash才能解决这个问题。没有Flash版本检测，如果版本浏览器的flash插件版本不够，或者不能正常显示你的swf文件，或者会弹出一个ActiveX的确认安装的框——这个框对很多用户来说是很恐怖的，网上找了半天，没有一个关于幻灯片广告代...

DIV+CSS作网页容易犯的错误小结

2017年02月06日 76 阅读

1.检查HTML元素是否有拼写错误、是否忘记结束标记。 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2.检查CSS是否正确。 检查一下有无拼写错误、是否忘记结尾的}等。可以利用CleanCSS来检查CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。 3.确定错误发生的位置。 如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定...

ul+li及css制作韩国风格菜单代码

2017年02月06日 82 阅读

www.jb51.net CSS Templates Free Download CSS WebSites Showcase CSS Web Design Article [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]韩国网站的设计风格特征鲜明，色彩明快，现在越来越多的人正在模仿这种风格。 韩国风格的网站设计思路之所以受到大家的喜欢，因为其色彩变化丰富，韩国风格的网站有一个最明显的特点就是对于表格或是标题栏常会加...

div布局的自由伸展三栏式版面的代码

2017年02月06日 73 阅读

自由伸展的三栏式版面 自由伸展的三栏式版面（Three Column Stretch）（页首） #leftbox { position: absolute; left: 10px; width: 180px（150px？）; } 这个栏段的背景是利用 body 卷标设定的图片，以垂直方向重复贴上所产生的。图片的宽度和中间栏段的左边界（margin）相等，高度为20px，这样可以减少图片重复的次数，加快演算上色的速度。 这一栏...

几乎被设计师遗忘了的标签fieldset legend

2017年02月06日 75 阅读

几乎被设计师遗忘了的标签 fieldset { width: 300px; border: 1px solid #006600; } legend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } ul { margin: 10px; padding: 0px; background-color: #FFFFCC;...

不用javascript实现带序号的表格隔行换色的效果

2017年02月06日 74 阅读

.test{ border:1px solid #000; color:#333; font:12px; } .test ol li{ padding-left:5px; background-color:expression（this.sourceIndex%2？ "#efefef":"#fefefe"）; } 观自在菩萨 行深般若波罗密多时 照见五蕴皆空 度一切苦厄 舍利子 色不异空 空不异色 色既是空 空既是色 受想行识 亦复如是 舍利子 是诸法...

用CSS实现基本条状图表效果

2017年02月06日 106 阅读

CSS条状图表是我们在网页设计中常常会遇到的一种形式。条状图表可以将数量，以条状图形的形式直观的表示出来。 CSS基本条状图表的实现方法是什么？我们看下面的实例介绍：复制代码 代码如下:<divclass="graph"> <strongclass="bar"style="width:24%;">24%</strong> </div>这是xhtml代码，定义了一个容器，应用类graph，其中包括了一个xh...

对于IE7、FF、OP清除浮动的最优方法第1/2页

2017年02月06日 77 阅读

在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。 方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 css代码复制代码 代码如下:ul{ list-style:none; height:auto; margin:0;p adding:0; background-color:#436973;...

用javascript来控制 链接的target 属性的代码

2017年02月06日 80 阅读

在HTML4.0Strict和XHTML1.0STRICT里不允许在<a>标签里使用target属性,这是一件令网页设计者懊恼的事.在过渡的规范里还是允许使用的.但通过一定的方法,我们可以解决这一问题. HTMl4.0规范里拿掉了target属性.但它添加了另外一个属性:rel.这个属性是用来指定包含链接的文档和所链接文档之间的关系的.规范里定义了其属性值（如:next,previous,chapter,section）,在这些属性里大多数是用...

多浏览器下IE6 IE7 firefox li 间距问题第1/2页

2017年02月06日 80 阅读

今天小雷提到一个ie5下li产生空白行距的问题，下面来测试一下。 新建一个简单的HTML测试文件，下面来测试ulli标签。 复制代码 代码如下:<ul> <li><ahref="#">菜单一</a></li> <li><ahref="#">菜单一</a></li> <li><ahref="#">菜单一</a><...

多浏览器css兼容分析小结

2017年02月06日 79 阅读

CSS兼容要点： 1、DOCTYPE影响CSS处理。 2、FF:div设置margin-left,margin-right为auto时已经居中,IE不行。 3、FF:body设置text-align时,div需要设置margin:auto（主要是margin-left,margin-right）方可居中。 4、FF:设置padding后,div会增加height和width,但IE不会,故需要用！important多设一个height和width。 5、F...

input文本框样式代码实例

2017年02月06日 74 阅读

通过css来更改所有的form的样式的方法，可以在css中定义input{color:red}textarea{border:1px solid #333}这样的格式，一般如果不需要更改所有的文本样式，可以通过下面的方法来定义文本框和密码框等样式新建网页 1用户名： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

div+css实现自适应宽度按钮

2017年02月06日 81 阅读

先来看张图片： 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。而你只需要一张图片：ok，看看代码吧。 CSS: 复制代码 代码如下:*{margin:0;padding:0;} body{padding:10px;font-size:12px;} h1{margin:0;padding:10px0;font-size:14px;font-weight:bold;} a{background...

h1标签的使用技巧

2017年02月06日 111 阅读

h1标签的正确使用可以达到seo的目的，那么如何在使用h1标签的同时，又不失去原有的美观呢？事实上，正确使用h1标签，我们既可以达到seo的目的，也能达到美观的目的。大家都知道搜索引擎比较喜欢h1标签。在SEO中h1标签也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，h1标签也就对搜索引擎失去了作用。其实通过一点小的调整则可以将两者兼顾。我们需要两张图片：1 2 ...

base href 使用方法详解

2017年02月06日 88 阅读

当点了链接后，跳出的网页地址是http://www.jb51.net/1.asp或http://www.jb51.net/2.asp，它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性，就用base标记中的target属性。 常在框架结构中用，如左右两个框架，把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记，把其target属性值写为右框架名称，这就不用再为左框架里的文件中的每一个连接都指定ta...

html label标签的使用教程

2017年02月06日 134 阅读

在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个<label></label>，一直没明白这个label是做什么的，今天正好看到了解释： Label中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性 功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。 用法：<LabelFOR="InputBox">姓名&...

使用CSS不用程序实现文字自动截断 用省略号代替

2017年02月06日 86 阅读

.test{ width:200px; height:50px; border:1pxsolidred; padding:10px; overflow:hidden;/*不显示超过对象宽度的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记（...）*/ white-space:nowrap;/*限制在一行内显示所有文本*/ } www.jb51.net 脚本之家 div.test{ width:200px...

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

2017年02月06日 74 阅读

关于CSS对各个浏览器兼容已经是老生常谈的问题了,网络上的教程遍地都是.以下内容没有太多新颖,纯属个人总结,希望能对初学者有一定的帮助. 一、CSSHACK 以下两种方法几乎能解决现今所有HACK. 1,！important 随着IE7对！important的支持,！important方法现在只针对IE6的HACK.（注意写法.记得该声明位置需要提前.） <style> #wrapper { width:100px！important;/*IE...