创业经验_站长网

CSS之a:hover下的span样式无效的解决方法

所属栏目：[创业经验] 日期：2018-10-07 热度：167

下面的例子中，a标签里包含了一个span，我们可能希望当鼠标移到a上时，span的样式发生变化，但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[创业经验] 日期：2018-10-02 热度：147

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[创业经验] 日期：2018-10-02 热度：184

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[创业经验] 日期：2018-10-02 热度：64

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]
ie8 css hack 颜色使用示例

所属栏目：[创业经验] 日期：2018-10-02 热度：168

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
良好的DIV+CSS的命名规则有利于SEO优化

所属栏目：[创业经验] 日期：2018-09-22 热度：105

一、CSS文件及样式命名 1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
CSS垂直自适应,元素超出高度显示效果

所属栏目：[创业经验] 日期：2018-09-21 热度：132

烈火网(LieHuo.Net)CSS教程，今天我们来探讨一下CSS的纵向自适应的问题，也就是垂直自适应。当元素的内容超出元素定义的高度时候的显示效果。下面是实例代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]!DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
IE与FF实现纯英文纯数字字符自动换行

所属栏目：[创业经验] 日期：2018-09-21 热度：94

IE与FF实现纯英文纯数字字符自动换行来源：http://www.heiniuhaha.cn/blog/?p=1112 IE css code： FF js code：[详细]
CSS 多个子框架居中

所属栏目：[创业经验] 日期：2018-09-21 热度：153

有时我们需要令一个宽度固定的容器里的子框架居中（例如一个 Div ，或者其他 block 级元素），如果子框架只有一个的话，我们只需要为子框架加上 CSS 属性 margin: auto 就可以了。但如果我们要让多个子框架居中，并且等分父框架剩余的空间的话，我们对所[详细]
写HTML和CSS的新方法

所属栏目：[创业经验] 日期：2018-09-21 热度：169

Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子： div#pagediv.logo+ul#navigationli*5a 展开后会成为下面这个样子： div id=[详细]
自定义鼠标指针样式代码,兼容IE、火狐浏览器

所属栏目：[创业经验] 日期：2018-09-21 热度：135

下面介绍的是自定义网页中鼠标/光标指针样式代码,兼容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-21 热度：69

继上一篇《CSS3 灵活的盒子模型(Flexible Box Module)-1》后继续深入，说说 CSS3 里盒子模型的尺寸。本文的 HTML 框架继续沿用《CSS3 灵活的盒子模型(Flexible Box Module)-1》。在 CSS2 里，要把一个容器分成三栏的话比较简便的方法是把三个字容器的 wid[详细]
网页中动态加载 CSS 的四种不同方法

所属栏目：[创业经验] 日期：2018-09-21 热度：140

第一种添加方式： document.getElementById(elementId).style.background=#ff0000; 这种方式采用内联是插入css.优先级高。容易引起页面回流性能不好也不能进行多个样式的添加第二种方式： document.getElementsByTagName(a)[0].style.cssText=background[详细]
参考文档：浏览器默认HTML的CSS样式属性

所属栏目：[创业经验] 日期：2018-09-21 热度：97

这个浏览器默认HTML的CSS样式属性，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。以前一直在找这份文档，今天偶然在w3上看到了。除了inline和block的定义，[详细]
IE6下设置了z-index层仍无法置顶的解决方法

所属栏目：[创业经验] 日期：2018-09-21 热度：132

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-21 热度：117

随着CSS3越来越热，CSS3动画也逐渐受到大家的关注。这次有幸修改淘宝网全站页头，小小地应用了下(详见http://www.taobao.com/下拉箭头处的hover效果)。与其说是渐进增强，不如说是满足了技术人小小的虚荣心。以下是自己的一点理解，希望能对大家有所帮助[详细]
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]

所属栏目：[创业经验] 日期：2018-09-21 热度：65

最近一段时间一直比较忙，已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来，共享一下。在后台或OA系统中最常用到的布局往往是一个全屏布局，一般都是上中下三行两列布局，页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
什么是css sprite?原理优缺点及使用实例

所属栏目：[创业经验] 日期：2018-09-21 热度：81

关于CSS Sprite CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
js+css实现禁止鼠标右键与选中网页文字

所属栏目：[创业经验] 日期：2018-09-21 热度：193

关于禁止右键的文章，烈火也曾经提到过几篇，相关代码都比较冗长，不够精简，在本文中我们来看一个js+css简单实现的代码，可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器。 CSS代码： body{ -moz-user-select:none; hutia:expression(this.[详细]
图片自适应大小,超出部分自动隐藏缩略

所属栏目：[创业经验] 日期：2018-09-21 热度：99

在制作网站布局中，图片的自适应功能是一个非常重要的功能，一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现： max-width:600px; IE7、FF等其他非 IE浏览器下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]
CSS+DIV层跨浏览器定位代码,附效果演示

所属栏目：[创业经验] 日期：2018-09-21 热度：134

本教程主要说的是纯CSS实现跨浏览器固定定位，这是个基础问题，关于CSS的相关知识，你可以参考烈火提供的CSS中文手册，关于此类问题，现在可以了解一下，但是在以后却要经常面对的问题，本代码不仅实现绝对定位，而且也实现了跨浏览器，参考一下便会明白了[详细]
input、select居中不兼容浏览器的解决方法

所属栏目：[创业经验] 日期：2018-09-21 热度：85

css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
IE6、IE7、IE8浏览器下CSS不兼容的解决分析

所属栏目：[创业经验] 日期：2018-09-21 热度：61

IE6里DIV错位的问题采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
CSS 背景透明而文字不透明的方法代码

所属栏目：[创业经验] 日期：2018-09-21 热度：82

本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。实例代码如下：[详细]
CSS 实现文字、DIV层水平自适应屏幕大小

所属栏目：[创业经验] 日期：2018-09-21 热度：63

烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]

11340

440