-
CSS将图片设置为网页背景的基础教程
所属栏目:[创业经验] 日期:2018-10-10 热度:53
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
使用CSS控制打印页面格式
所属栏目:[创业经验] 日期:2018-10-09 热度:109
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[创业经验] 日期:2018-10-09 热度:143
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS 中文字体 Unicode 编码方案
所属栏目:[创业经验] 日期:2018-10-08 热度:113
在 CSS 中使用中文字体通常直接设置字体名称,比如设置字体为宋体:font-family:宋体;但因此产生的一个问题是,如果 CSS 编码有误,会导致页面加载后 CSS 中的中文字体乱码,请看下图所示: 通常会采用对中文字体进行 Unicode 编码的方式来解决这个危险的[详细]
-
简单实现css的div层居右的代码
所属栏目:[创业经验] 日期:2018-10-08 热度:52
CSS的对齐方式对刚接触CSS的朋友来说,比较难琢磨,有些想让怎么对齐偏不会对齐,搞的挺烦人,其实用好Float不只是元素浮动对齐的问题,希望通过这个窗口自适应居右的对齐实例,让CSS初学者明白其属性的定义。 代码如下: Copy to Clipboard 引用的内容:[[详细]
-
IE6不支持max-height的解决方法
所属栏目:[创业经验] 日期:2018-10-08 热度:199
罪恶的IE6不支持max-height属性,不过我们可以通过 jQuery 来解决IE6不支持max-height,jQuery的代码如下: $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[创业经验] 日期:2018-10-08 热度:77
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[创业经验] 日期:2018-10-08 热度:127
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[创业经验] 日期:2018-10-08 热度:86
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[创业经验] 日期:2018-10-08 热度:171
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[创业经验] 日期:2018-10-08 热度:74
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目:[创业经验] 日期:2018-10-08 热度:153
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目:[创业经验] 日期:2018-10-08 热度:89
圆角按钮的实现看似并不困难,但会遇到如按钮宽度自适应文字长度等情况,不可能每次都切固定大小的背景图片。 自适应宽度的按钮,通常会采用类似下面的切图方法: 这样一来,只需要嵌套两层标签即可: a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小?附演示
所属栏目:[创业经验] 日期:2018-10-08 热度:143
如何实现调整弹出窗口的大小?演示代码的实现,在window.open属性中加入resizable=yes参数值,即可实现,简单吧,试试吧。利用window.open我们还可做许多有意思的窗口特效,不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下: Copy to Clipboard[详细]
-
IE中flash遮挡div现象的解决方案
所属栏目:[创业经验] 日期:2018-10-08 热度:160
今天开始给网站首页的广告管理系统添加flash广告代码,结果出现IE中(包括IE6+)弹窗广告要flash遮挡的问题,后来想到了常用的iframe方法(参见《解决IE6 select z-index无效,遮挡div的bug》),最终成功了flash遮挡DIV的bug,但是在IE中还出现了浮动的DI[详细]
-
10个最容易犯的HTML标签错误
所属栏目:[创业经验] 日期:2018-10-08 热度:180
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,[详细]
-
CSS 忍者:安全的 CSS hacks 秘籍
所属栏目:[创业经验] 日期:2018-10-06 热度:140
你如何搞定 IE 这只难以驯服的怪兽?使用 CSS Hacks 或者条件注释么?恐怕没有什么解决方案是完美的。每个设计师或者前端码农都会有自己打败 IE 行之有效的方法。所有这些技术都各有利弊,让我们一起来看看。 通过条件判断引入样式表 使我们能很容易在 IE[详细]
-
需要掌握的30个最常用css选择器解析
所属栏目:[创业经验] 日期:2018-10-06 热度:68
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。 1. 星状选择符会在页面上的每一个元素[详细]
-
IE6 下的神奇 CSS 字体 bug
所属栏目:[创业经验] 日期:2018-10-06 热度:69
一直用的 Aptana 当编辑器,这玩意儿有一个很强大的代码格式化功能。你看: 不过格式化后就出问题了,注意格式化后 font 属性的写法。问题出在 font 属性的合并写法,12px 和 1.5 之间除斜杠之外的空格,IE6 下会导致后面设置的 arial 字体不生效。也就是[详细]
-
input标签与图片按钮水平对齐的解决方法
所属栏目:[创业经验] 日期:2018-10-06 热度:116
在日常的网页制作当中,我们可能会遇到input标签与图片在同一行的情况,这时候你会发现,无论你的css怎么写都会出现input文本框与图片链接无法在同一水平线上。昨日,烈火小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都[详细]
-
图片延迟加载处理的实现
所属栏目:[创业经验] 日期:2018-10-06 热度:174
页面中图片过多能够让图片延迟加载会大大提高页面的加载速度,提高用户可用性。 1、有的页面是页面过长或过宽,可以考虑只加载显示区域附近的图片。 2、图片所在窗口不显示,比如Tab内容切换,内容轮播等也要考虑把没有显示的图片延迟加载 第一种情况推荐[详细]
-
表单中的隐藏域重置
所属栏目:[创业经验] 日期:2018-10-06 热度:183
在 DOM 中,表单重置非常简单,使用 input type=reset 或者 button type=reset 即可。原生 DOM 也提供了 reset() 方法用于表单重置。 但是在 Firefox / Chrome 浏览器中,如果字段是隐藏域(type=hidden)的话,使用 reset 是无法将字段值还原为初始值的。[详细]
-
如何使用 CSS3 伪类
所属栏目:[创业经验] 日期:2018-10-06 热度:120
CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器(最新的 W3C 规范中列出了 16 条)使得我们能够在新的标准范围内[详细]
-
关于CSS Selector的优先级
所属栏目:[创业经验] 日期:2018-10-06 热度:128
今天在google reader上看到一篇博文,然后在问了组里的几位同事之后才发现自己曾经一直对css selector的理解存在着误区。据说老外的文章中很早就提到了关于css selector是优先级算法,只是到了国内被部分人员翻译之后,误解了其中的含义,导致现在很多人以[详细]
-
CSS自定义滚动条样式
所属栏目:[创业经验] 日期:2018-10-06 热度:154
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式[详细]
