-
DIV模块交叉在一起 CSS边框交互效果
所属栏目:[经验] 日期:2018-11-14 热度:123
css边框嵌套的实现代码,两个Div彼此交叉在一起,平时我们不多见吧?主要是想练习一下布局的方法,掌握两个元素边框交叉,你就可以轻易学会在网页中布局其它的小Div。 运行演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.[详细]
-
使用word-wrap:break-word使文本自动换行
所属栏目:[经验] 日期:2018-11-14 热度:188
文本框连续输入 数字111111111111111111或者 英文单词adkjsakfjsalfkjsalkdjaslkfjsalkf 会造成什么结果呢?---文字溢出,一般的处理方法是用overflow:hidden隐 藏文 字,有没有更好的解决文案呢?QA的童鞋要求自动换行. 用word-wrap:break-word即可 css手册上[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-18 热度:196
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-18 热度:127
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-18 热度:138
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-18 热度:178
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-18 热度:59
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[经验] 日期:2018-10-18 热度:78
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[经验] 日期:2018-10-18 热度:91
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目:[经验] 日期:2018-10-18 热度:193
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目:[经验] 日期:2018-10-18 热度:170
圆角按钮的实现看似并不困难,但会遇到如按钮宽度自适应文字长度等情况,不可能每次都切固定大小的背景图片。 自适应宽度的按钮,通常会采用类似下面的切图方法: 这样一来,只需要嵌套两层标签即可: a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小?附演示
所属栏目:[经验] 日期:2018-10-18 热度:77
如何实现调整弹出窗口的大小?演示代码的实现,在window.open属性中加入resizable=yes参数值,即可实现,简单吧,试试吧。利用window.open我们还可做许多有意思的窗口特效,不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下: Copy to Clipboard[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目:[经验] 日期:2018-09-24 热度:97
问题: 怎么调用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-23 热度:199
在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目:[经验] 日期:2018-09-23 热度:152
序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目:[经验] 日期:2018-09-23 热度:163
在进行页面的XHTML+CSS排版时,遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目:[经验] 日期:2018-09-23 热度:126
问题: 在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目:[经验] 日期:2018-09-23 热度:58
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段,而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前,它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例:横向分栏水平居中的实现
所属栏目:[经验] 日期:2018-09-23 热度:94
CSS 网页布局实例:横向分栏水平居中的实现 CSS 横向分栏布局实例,在内容显示区,因为元素未定义高度,所以必须添加内容,才能更好地显示元素的位置。也就是给正文显示区更大的余地,让内容决定正方的高度,因为本布局实例就是横向不变竖向变,以满足不同[详细]
-
CSS实例布局:绝对定位的DIV层实现
所属栏目:[经验] 日期:2018-09-23 热度:102
本文要介绍的教程是关于CSS绝对定位的布局问题,关于CSS绝对定位的好处是,不管网页窗口有多大或多小,其内部显示的内容不会变形,浏览用拖动条代替,在对布局显示要求较高的场合,绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目:[经验] 日期:2018-09-23 热度:168
对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)[详细]
-
把Flash转成Javascript/HTML5
所属栏目:[经验] 日期:2018-09-23 热度:51
SmokeScreen是这样一个开源软件,它可以把Flash的swf文件转成 Java script/HTML5,它的口号是:Flash without plugin。为什么要这样做呢?它说主要是因主Apple的iPhone/iPod/iPad不支持flash,而且看似Steve Jobs也不愿意在以后支持flash。所以,他们搞了[详细]
-
CSS的优先权问题 考虑CSS的继承与层叠
所属栏目:[经验] 日期:2018-08-18 热度:162
烈火建站学院文档 CSS2.1中规定了关于CSS规则Specificity(特异性)的计算方式,用一个四位的数字串(注:CSS2中是用三位)来表示,最后以Specificity的高低判断CSS的优先权。 Specificity具体的计算规则: 1.元素的style样式属性,加1,0,0,0。 2.每个ID选[详细]
-
jQuery之CSS选择符 - 大于号模式
所属栏目:[经验] 日期:2018-08-18 热度:170
烈火建站学院文档 在CSS的选择符语法中有一个大于号,同时也被引用到 jQuery 的选择符语法中。我一直以来都没有具体的弄清楚这个选择符和空格选择符之间的区别,下面通过一个小例子来学习一下,因为jQuery和CSS在这部分语法相近,所以就直接采用jQuery说明[详细]
-
Html控件与Web控件之间的区别与用途
所属栏目:[经验] 日期:2018-08-18 热度:72
烈火建站学院文档 在不需要与后台进行交互时就使用HTML控件,它的占用的资源比较少,速度也比较快,在需要与后台进行交互时,就使用WEB控件,或者在HTML 控件上加上runat=server 也可以将一个HTML控件转换成交互控件,但这样占用的资源就和Web控件没任何分[详细]