-
Img,Script,Link等标签为空可导致页面多余请求
所属栏目：[经验] 日期：2018-10-02 热度：154
把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
-
![从语义开始 – 概念、意义、实践 [多图]](http://www.aspzz.cn/uploads/allimg/181001/1TPX433_lit.jpg)
从语义开始 – 概念、意义、实践 [多图]
所属栏目：[经验] 日期：2018-10-02 热度：57
随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
-
{ hide_text } CSS文字隐藏总结报告
所属栏目：[经验] 日期：2018-10-02 热度：59
最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
-
贸易战期间中美5G谁与争锋
所属栏目：[经验] 日期：2018-10-02 热度：143
特朗普宣布，将有可能对从中国进口的600亿美元商品加征关税，并限制中国企业对美投资并购。根据白宫新闻稿，美国将对中国一些技术密集型行业产品加收25%的关税，信息及通信技术行业产品赫然在列。[详细]
-
IE与FF实现纯英文纯数字字符自动换行
所属栏目：[经验] 日期：2018-10-02 热度：197
IE与FF实现纯英文纯数字字符自动换行 来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]
-
CSS 多个子框架居中
所属栏目：[经验] 日期：2018-10-02 热度：204
有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。 但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所[详细]
-
写HTML和CSS的新方法
所属栏目：[经验] 日期：2018-10-02 热度：87
Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子： div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子： div id=[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目：[经验] 日期：2018-09-25 热度：137
方法一：针对无框架的页面。 其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
-
自定义鼠标指针样式代码,兼容IE、火狐浏览器
所属栏目：[经验] 日期：2018-09-23 热度：114
下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容IE、 火狐浏览器 。随烈火一起来看一下吧。 body { cursor:url(images/liehuo_net.cur), url(/images/liehuo_net.cur), auto;} 烈火提示： IE中，Url可以是相对路径，也可以是绝对路径 。 FF中，Url只[详细]
-
CSS3 灵活的盒子模型(Flexible Box Module)-2
所属栏目：[经验] 日期：2018-09-23 热度：113
继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。 在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
-
网页中动态加载 CSS 的四种不同方法
所属栏目：[经验] 日期：2018-09-23 热度：141
第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好 也不能进行多个样式的添加 第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
-
参考文档：浏览器默认HTML的CSS样式属性
所属栏目：[经验] 日期：2018-09-23 热度：66
这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
-
IE6下设置了z-index层仍无法置顶的解决方法
所属栏目：[经验] 日期：2018-09-23 热度：170
IE6下设置了z-index层仍无法置顶的问题，前几天与几个朋友一起探讨，现在把解决方法通过烈火告诉大家。 层代码如下： div id=ad_top/div div id=topstory/div 样式代码如下： .ad_top { z-index:999; } .topstory { z-index:-999; float:left; } 最终解决[详细]
-
闲谈CSS3动画
所属栏目：[经验] 日期：2018-09-23 热度：112
随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。 以下是自己的一点理解，希望能对大家有所帮助[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-22 热度：185
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-22 热度：181
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
![全兼容可高亮二级缓冲折叠菜单[附DEMO演示]](/uploads/allimg/c180921/153K33PKL30-15460.gif)
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目：[经验] 日期：2018-09-21 热度：89
最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目：[经验] 日期：2018-09-21 热度：153
关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
教你如何获取网页中FLASH的链接地址
所属栏目：[经验] 日期：2018-09-20 热度：139
方法一：先看看页面上有没有全屏播放，下载之类的链接，要是有的话就方便了，点下这个链接，会弹出全屏播放的窗口，复制地址栏你的地址就是了！ 方法二：查看源码法！ 一般的网页打开后，先选择浏览器菜单里的查看－＞源文件（或在页面的空白地方点鼠标右[详细]
-
如何复制网页上不能选中的文字？
所属栏目：[经验] 日期：2018-09-20 热度：116
我们在上网浏览网页时，当看到自己需要或者精彩的内容时，就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动，无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目：[经验] 日期：2018-09-20 热度：166
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目：[经验] 日期：2018-09-18 热度：189
关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目：[经验] 日期：2018-09-18 热度：189
在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
-
CSS+DIV层跨浏览器定位代码,附效果演示
所属栏目：[经验] 日期：2018-09-18 热度：125
本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-09-18 热度：161
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
