-
CSS切换文本输入框input为英文输入模式
所属栏目：[经验] 日期：2018-10-27 热度：182
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能，将表单中的文本框自动切换为英文输入模式，有意思吧，可以用于限制输入数字和字符。 此为网友投入，烈火没有测试，代码如下： Copy to Clipboard 引用的内容：[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目：[经验] 日期：2018-10-27 热度：117
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目：[经验] 日期：2018-10-27 热度：151
圆角按钮的实现看似并不困难，但会遇到如按钮宽度自适应文字长度等情况，不可能每次都切固定大小的背景图片。 自适应宽度的按钮，通常会采用类似下面的切图方法： 这样一来，只需要嵌套两层标签即可： a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小？附演示
所属栏目：[经验] 日期：2018-10-27 热度：51
如何实现调整弹出窗口的大小？演示代码的实现，在window.open属性中加入resizable=yes参数值，即可实现，简单吧，试试吧。利用window.open我们还可做许多有意思的窗口特效，不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下： Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目：[经验] 日期：2018-10-15 热度：153
今天开始给网站首页的广告管理系统添加flash广告代码，结果出现IE中（包括IE6+）弹窗广告要flash遮挡的问题，后来想到了常用的iframe方法（参见《解决IE6 select z-index无效，遮挡div的bug》），最终成功了flash遮挡DIV的bug，但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目：[经验] 日期：2018-10-15 热度：181
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目：[经验] 日期：2018-10-15 热度：173
在 CSS 中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:宋体；但因此产生的一个问题是，如果 CSS 编码有误，会导致页面加载后 CSS 中的中文字体乱码，请看下图所示： 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目：[经验] 日期：2018-10-15 热度：180
CSS的对齐方式对刚接触CSS的朋友来说，比较难琢磨，有些想让怎么对齐偏不会对齐，搞的挺烦人，其实用好Float不只是元素浮动对齐的问题，希望通过这个窗口自适应居右的对齐实例，让CSS初学者明白其属性的定义。 代码如下： Copy to Clipboard 引用的内容：[[详细]
-
IE6不支持max-height的解决方法
所属栏目：[经验] 日期：2018-10-15 热度：191
罪恶的IE6不支持max-height属性，不过我们可以通过 jQuery 来解决IE6不支持max-height，jQuery的代码如下： $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
HTML解析原理：让页面变得更快一点
所属栏目：[经验] 日期：2018-10-15 热度：129
Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器 仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。 简单地说，页面[详细]
-
CSS 边框重叠鼠标悬停效果
所属栏目：[经验] 日期：2018-10-15 热度：77
前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意： 如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
-
一个Windows系统蓝屏界面的404错误页
所属栏目：[经验] 日期：2018-10-15 热度：150
搞怪的 404 错误页面会给人出人意料的感觉。 一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张 截图 ，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
-
模块的opacity透明与PNG的阴影透明冲突
所属栏目：[经验] 日期：2018-10-15 热度：149
模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以 问题： 今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
-
ID 是 CSS 的魔鬼
所属栏目：[经验] 日期：2018-10-15 热度：64
这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。 正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。 尤其要注意的是在非特殊情况下编写CSS[详细]
-
贸易战期间中美5G谁与争锋
所属栏目：[经验] 日期：2018-10-05 热度：106
特朗普宣布，将有可能对从中国进口的600亿美元商品加征关税，并限制中国企业对美投资并购。根据白宫新闻稿，美国将对中国一些技术密集型行业产品加收25%的关税，信息及通信技术行业产品赫然在列。[详细]
-
HTML中表单Input文本框只读不可修改的代码
所属栏目：[经验] 日期：2018-10-05 热度：78
在网页设计中，有的表单是不想让用户修改的，这样的文本框可以变成灰色，那么可以让HTML中的INPUT属性变灰色的代码是什么呢，本文就为大家介绍一下！ 让用户不能修改其中的信息，比如：input type=text name=input1 value=最火下载站veryhuo.com 的内容，[详细]
-
HTML5上传文件显示进度实例
所属栏目：[经验] 日期：2018-10-05 热度：71
HTML5上传文件显示进度实例一文转自博客园，原文标题为：HTML5上传文件显示进度！ 下面我们使用Html 5的新特性file api实现上传文件，并显示上传文件进度百分比。意图是这样的，当选择文件时，显示当前文件信息。这里我们是结合Asp.net MVC做为服务端，您[详细]
-
使用SMACSS规范编写CSS代码
所属栏目：[经验] 日期：2018-10-05 热度：101
使用SMACSS规范编写CSS代码是一个相对繁杂的CSS理论，分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似，鼓励使用class。 1. Base 基本属性 基础属性很容易理解，就是最基本的东西，很多样式简单的网站都采用一个简单[详细]
-
如何编辑mht格式的文件,什么是mht?
所属栏目：[经验] 日期：2018-10-05 热度：145
什么是mht 文件 mht又叫web单一文件也就是将网页中包含的图片，CSS文件以及HTML文件全部放到一个MHT文件里面。mht就是mono html，就是独立的HTML文件，在浏览器（特别是IE）在保存时将页面中所有可以收集的元素全部存放在一个页面里。 如何编辑mht文件 一[详细]
-
HTML5 data-* 自定义属性和 element.dataset
所属栏目：[经验] 日期：2018-10-05 热度：89
在书写 HTML 代码时，通常需要在 DOM 结构中为 JS 预留数据钩子，而这些钩子通常是这样实现的： div id=test url=http://www.mangguo.org芒果小站/div HTML5 更好的规范了这种使用方式： div id=test data-url=http://www.mangguo.org芒果小站/div 获取自定[详细]
-
解决父容器高度不能自动撑开的方法
所属栏目：[经验] 日期：2018-10-05 热度：140
刚入门网站设计布局的开发者肯定会碰到这样的问题，那就是当子容器全部浮动的时候，父容器的高度不能自动撑开。在我们没有为富容器设置边框或背景的时候是看不到这个问题的，如下的代码。 div style=background: #F99; width: 400px; border: 1px solid #3[详细]
-
DIV固定层CSS代码详解
所属栏目：[经验] 日期：2018-10-05 热度：141
网页布局现在都用DIV+CSS了，为了网页的布局好看，需要把某些DIV层设置固定位置，不跟随浏览器滚动条而滚动，对于新手来说，设置这样的DIV层的CSS代码有点难度，我也是个新手，花了点时间研究下了CSS代码，现分享给有需要的站长，使用此CSS样式代码可以设[详细]
-
背景图片自适应分辨率浏览器大小自动拉伸全屏代码
所属栏目：[经验] 日期：2018-10-05 热度：174
在制作页面CSS样式的时候，一个好看绚丽的效果背景图片是少不了的，为了考虑到每个访客用户的 分辨率 大小都不相同，我们会选择使用可以平铺的颜色代码或者小图片作为背景，那么如何让一张高清大图作为背景，不论访客用户的分辨率大小如何，都会自动拉伸显[详细]
-
纯CSS单行文本溢出追加省略号代码
所属栏目：[经验] 日期：2018-10-05 热度：192
之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决： .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽[详细]
-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c180914/153D5924F1430-14354.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[经验] 日期：2018-09-14 热度：102
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
