-
CSS控制网页中图片的最大宽度和高度
所属栏目:[经验] 日期:2018-10-12 热度:141
html head style type=text/css !-- img.pic{ max-width:300; max-height:100px; /*由于IE6.0以及以前版本的IE不支持上边两个属性,所以加上以下两条语句.这里要说明的是expression只有IE支持*/ width: expression(this.width 300 this.width / 300 = this.h[详细]
-
HTML5文件API之图片预览
所属栏目:[经验] 日期:2018-10-12 热度:161
图片上传在当今的Web应用中是一个非常常用的功能,如果不需要在上传前进行图片预览则可以简单的使用HTML+ Java script来实 现,但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过,随着HTML5 File API的诞生这一状况终于有了改观,本[详细]
-
如何创建CSS的对象?获取合适的粒度!
所属栏目:[经验] 日期:2018-10-12 热度:167
在上一篇文章中 ,我说到: 强硬的把CSS和HTML塞到PHP里面可以防止代码太枯燥(DRY)并最终导致代码臃肿,因为的CSS和HTML需要比PHP更细致的对象结构。事实上,PHP的模板不是天生合适的,因为每个模板包含了许多不同的HTML,以及以不同的方式相结合的CSS对象[详细]
-
HTML与CSS中的视觉语义
所属栏目:[经验] 日期:2018-10-12 热度:164
你和用户之间的网站堆栈(简化版) 在TXJS大会的最后一天,一个开发者问我: 面向对象的CSS没有给你留下一大堆基于表现的class名? 网络堆栈中的每一层都有它自己的结构。你不会期望将数据库架构用于构建PHP中间件,人们对于HTML和CSS的期望是一样一样的。H[详细]
-
合并css和js文件 加快网站浏览速度
所属栏目:[经验] 日期:2018-10-12 热度:100
虽然现在本站首页、独立文章页等都已经静态化,但由于服务器在美国的DH上,所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章,这里推荐一篇优化合集:优化Wordpress-wp终极优化手册。其实很早就看了这篇文章,但是一直懒得动手。[详细]
-
IE 使用高级CSS3选择器
所属栏目:[经验] 日期:2018-10-12 热度:172
别误会,IE是不支持CSS3高级选择器,包括最新的 IE8 (详见《CSS选择器的浏览器支持》),但是CSS选择器的确是很有用的,它可以大大的简化我们的工作,提高我们的代码效率,并让我们很方便的制作高可维护性的页面。 然而IE对高级CSS选择器特别是CSS3选择器[详细]
-
CSS 选择器的浏览器支持总结
所属栏目:[经验] 日期:2018-10-12 热度:191
我很久以前就开始计划着整理一下CSS选择器的浏览器支持,因为CSS3增加了很多非常有用的选择器。之前我也写过一篇《使用CSS选择器创建个性化链接样式 》,作为对CSS选择器的初步研究。 kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进[详细]
-
CSS选择器创建个性化链接样式的教程
所属栏目:[经验] 日期:2018-10-12 热度:139
我们在设计网站的时候,有的时候需要根据页面元素的属性来制作不同的样式,比如,对于不同的链接类型,显示不同的链接图标。CSS的选择器是个很有用的技术,通过它们,我们可以很容易的实现某些效果。今天我们通过制作个性化链接样式来介绍一下CSS的属性选[详细]
-
window.open 定义窗口打开方式的代码
所属栏目:[经验] 日期:2018-10-12 热度:140
关于window.open,这是我们经常在网页开发中用到的,那么如何定义窗口的打开方式呢,比如超级链接、按钮,新窗口打开,当前窗口打开? 下面是一些烈火整理的实例代码,没什么技术含量,方便大家查询。 以下全部是当前窗口打开,很容易的,如果想在新窗口中[详细]
-
CSS将图片设置为网页背景的基础教程
所属栏目:[经验] 日期:2018-10-12 热度:108
本文将介绍Css的基础教程,如何使用Css把图片设置为网页背景,我们都知道如何使用dw设置网页背景,那利用了html的基础语法,如下: body background=images/liehuo.gif 那么再来看一下css中是如何设置的。 HTML head titleCSS将图片设置为网页背景/title s[详细]
-
IE 表单控件的按钮聚焦问题
所属栏目:[经验] 日期:2018-10-09 热度:118
按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为[详细]
-
CSS切换文本输入框input为英文输入模式
所属栏目:[经验] 日期:2018-10-09 热度:119
烈83火63网(LieHuo34.Net)教21程 这是一个纯CSS代码实现的功能,将表单中的文本框自动切换为英文输入模式,有意思吧,可以用于限制输入数字和字符。 此为网友投入,烈火没有测试,代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]html head ti[详细]
-
CSS模块化之如果组织好css?
所属栏目:[经验] 日期:2018-10-09 热度:190
在w3ctech上闲逛,偶然看到了第一期讨论的话题网站重构中的文件组织,于是想写篇自己关于css组织的理解和想法,如下: 1.分类 1.1网站频道类 |--reset层:包含对样式重置,及一些常用样式名,如fl是float:left,tc是text-align:center; |--base层:包含header,menu,f[详细]
-
Css实现多层元素嵌套的圆角按钮
所属栏目:[经验] 日期:2018-10-09 热度:164
圆角按钮的实现看似并不困难,但会遇到如按钮宽度自适应文字长度等情况,不可能每次都切固定大小的背景图片。 自适应宽度的按钮,通常会采用类似下面的切图方法: 这样一来,只需要嵌套两层标签即可: a href=#span按钮/span/a a 标签设定右侧块的圆角背景[详细]
-
如何实现调整弹出窗口的大小?附演示
所属栏目:[经验] 日期:2018-10-09 热度:170
如何实现调整弹出窗口的大小?演示代码的实现,在window.open属性中加入resizable=yes参数值,即可实现,简单吧,试试吧。利用window.open我们还可做许多有意思的窗口特效,不过貌似现在IE和其它浏览器对这个函数有屏蔽哦。 代码如下: Copy to Clipboard[详细]
-
Css Position的用法:一个简单的代码实例
所属栏目:[经验] 日期:2018-10-08 热度:144
Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。 大家自己看代码吧![详细]
-
网站首页顶部添加背景图片的修改代码
所属栏目:[经验] 日期:2018-10-08 热度:164
在节日的时候,我们经常看到一些门户网站的顶部添加了大幅的网页背景,还有的带关闭功能,不但给节日添加了气氛,而且获得了访客的好评。在新年就要到来之际,烈火网给大家准备了一些背景素材图片及PSD文件,需要的朋友请到这里下载。考虑到很多朋友不会使[详细]
-
CSS 树形列表布局,类似word中的编号列表
所属栏目:[经验] 日期:2018-10-08 热度:86
用CSS布局一个类似树形的列表,类似word中的编号列表,不是一般的列表,梯形的样子,这个例子是为了介绍CSS中Li的用法,平时这种树形列表不多见,希望对你学习CSS有帮助。 实例代码:Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC[详细]
-
关于 Css 清除浮动属性及相关示例
所属栏目:[经验] 日期:2018-10-08 热度:104
Css 清除浮动属性示例的小例子,不要小看清除浮动哦,有时候你忘记了这个,会把你搞的一头雾水,以为其它地方弄错了,清除浮动其实就没两句代码,但是重要性不容忽视。 实例代码: Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE html PUBLIC -[详细]
-
CSS美化超链接Hover属性,有网页按钮效果
所属栏目:[经验] 日期:2018-10-08 热度:152
烈86火54网(LieHuo36.Net)教65程 使用CSS制作一个漂亮的按钮链接,有要原理是使用了A链接的Hover属性,定义成与A:Hover不一样的颜色和边框,这样在鼠标放上去的时候,会出现两种反差较大的效果,这就是CSS制作按钮的基本思路,对于新手来说,有助于帮助您[详细]
-
使用CSS控制打印页面格式
所属栏目:[经验] 日期:2018-10-08 热度:102
由于客户要求,打印时需把打印的按钮去掉。这个时候就用到了控制打印的样式表了。 link rel=stylesheet type=text/css media=print href=print.css / 正因为xhtml和css是分离的,所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也[详细]
-
CSS3 Media Queries使用方法详解
所属栏目:[经验] 日期:2018-10-08 热度:197
在css2中允许我们使用media的属性,例如使用screen和print,我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章,关于css2中的media文章,推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print,而且支持多媒体[详细]
-
CSS创建竖排文字的简单方法,有演示
所属栏目:[经验] 日期:2018-10-08 热度:163
在制作网页的时候我们经常需要创建一些竖排的文字,或许这对你来说是一件很简单的事情,但是你是否想过用CSS可有N种创建竖排文字的方法?下面是由我翻译自Nettuts+的文章,希望这几种方法能够给你带来一些提示。 方法一:br /标签 一种可能的方法(但不推荐[详细]
-
神奇的 CSS 元素透明法
所属栏目:[经验] 日期:2018-10-08 热度:172
1、HTML 元素透明 其实本身,CSS 实现元素透明是件容易事儿。直接上代码: opacity:.5 opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。 A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助[详细]
-
给Button/input添加链接,前进,后退等功能
所属栏目:[经验] 日期:2018-10-08 热度:149
给Button/input添加链接,前进,后退等功能,看标题,大家就应该明白是怎么回事了,我们在日常的网页制作中使用a超级链接最多,而给按钮添加链接,有一部分朋友可能没用到过,今天烈火小编就把与button、input相关的链接,前进,后退,弹出确认alert窗口等的[详细]
