-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目：[经验] 日期：2018-09-18 热度：136
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-17 热度：89
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-17 热度：149
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-17 热度：189
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 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-17 热度：191
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-17 热度：124
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c180914/153E200H5U60-1KE.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[经验] 日期：2018-09-14 热度：81
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-09-14 热度：100
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-09-14 热度：111
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目：[经验] 日期：2018-09-14 热度：158
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目：[经验] 日期：2018-09-14 热度：139
本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目：[经验] 日期：2018-09-13 热度：128
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段，而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前，它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例：横向分栏水平居中的实现
所属栏目：[经验] 日期：2018-09-13 热度：148
CSS 网页布局实例：横向分栏水平居中的实现 CSS 横向分栏布局实例，在内容显示区，因为元素未定义高度，所以必须添加内容，才能更好地显示元素的位置。也就是给正文显示区更大的余地，让内容决定正方的高度，因为本布局实例就是横向不变竖向变，以满足不同[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-13 热度：106
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-13 热度：99
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-13 热度：61
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
CSS禁止中文输入法（只能输入英文）
所属栏目：[经验] 日期：2018-09-10 热度：129
CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]
-
CSS常用类和ID命名规范
所属栏目：[经验] 日期：2018-09-10 热度：182
CSS中的类和ID名称都是可以自定义的，也没有像一些编程语言会保留关键字，在CSS里可以完全自己命名。但是为了使CSS更有可读性，很多人都提倡规范命名。说到这，发现我以前写的不少CSS的命名都是很乱的，真得改改了。 今天翻出电脑里的资料，发现有个CSS常[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-10 热度：150
要点： 1.position属性设置为：absolute 2.top和left属性都设为：50% 3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-10 热度：58
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-10 热度：185
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目：[经验] 日期：2018-09-10 热度：79
问题： 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容：[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目：[经验] 日期：2018-09-10 热度：194
在上面的案例中，我只给出最为原始的圆角框模型，它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中，我会在上面的基础上作出一些创新。就是将背景图片也圆角化，好像目前在网络上还没有这样的功能应用，我只见过用js方式来实现的，可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目：[经验] 日期：2018-09-10 热度：109
序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目：[经验] 日期：2018-09-10 热度：138
在进行页面的XHTML+CSS排版时，遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是见机行事，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的[详细]
