Welcome 微信登录

首页 / 脚本样式 / CSS

CSS图片拼合生成器只需上传zip包即可

CSS图片拼合生成器只需上传zip包即可

简单介绍下:CSS图片拼合(CSSsprites)可有效降低图片文件的HTTP连接请求数.多个图片将以一定间距合并为一个大图片文件.页面中使用这些图片的元素将利用background-position这一CSS属性来显示拼合图片中的指定位置。这一技术可有效提升网站性能,尤其是网页上有众多小图片时,如许多菜单栏图标. 这里有一篇Realazy的CSSSprites技术详细介绍,CSSSprites被我生生译成了CSS图片拼合,希望大家不要抗议:P有更好的译法...
用margin和overflow属性实现div间距的方法

用margin和overflow属性实现div间距的方法

通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。或许很多人已经是这样用了,我没用过,觉得耳目一新。呵呵。其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父...
用css alpha 滤镜 实现input file 样式美化代码

用css alpha 滤镜 实现input file 样式美化代码

在WEB上传文件时,要用到上传框: <inputtype="file"id="f"name="f"> 这东东在IE(其他偶没经过测试)中是一个非常特殊的对象。如果是您手动写入的或其他对象经过某些事件触发填入的值,由于安全问题,在进行提交表单时,往往会被清空,所以上传失败。简单点说,除非你的鼠标亲自点到了上传框f上,IE才会给你上传文件! 哪怕你将f的onclick句柄赋给某个对象,如: <inputtype="file"id="f"nam...
非常漂亮的css星级效果总结第1/2页

非常漂亮的css星级效果总结第1/2页

用纯css打造星级评分效果正在被越来越多地应用在网络RIA中,结合ajax等技术,可以渲染出很出色的视觉效果和很棒的用户体验,在这篇文章开始之前,大家可以先去cssheaven感受一下。 最近由于项目需要,我在网上找了很多css星级评分的例子和说明,但是发现大多数都是翻译国外的文章,而且解释得并不是非常清楚,所以我决定自己来做一个总结,也希望能够给大家一些帮助。 首先用中文写一下这个效果的算法: 1.使用背景图片的位置切换来获得星级效果; 2.整个效果最关...
RGB 加成色 说明

RGB 加成色 说明

RGB颜色称为加成色,因为您通过将R、G和B添加在一起(即所有光线反射回眼睛)可产生白色。加成色用于照明光、电视和计算机显示器。例如,显示器通过红色、绿色和蓝色荧光粉发射光线产生颜色。 绝大多数可视光谱都可表示为红、绿、蓝(RGB)三色光在不同比例和强度上的混合。这些颜色若发生重叠,则产生青、洋红和黄。 加成色(RGB) R.红色G.绿色B.蓝色 您可以通过使用基于RGB颜色模型的RGB颜色模式处理颜色值。在RGB模式下,每种RGB成分都可使用从0(黑色)...
使用CSS解决文字环绕图片问题的代码

使用CSS解决文字环绕图片问题的代码

上图是美工为一站点制作的图文并茂的新闻标题列表,采用表格进行布局,右上和下部分分布在两个单元格中,程序实现起来可不太容易:要么分两次查询,一次取4条,一次取5条;要么一次取出9条,再分在两个单元格中显示。能不能通过设置图片的属性,让文字和图片像Word中一样可以四周环绕对齐?这样程序就不用理会图片,只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题,效果如下图: ·新闻标题列表 ·新闻标题列表 ·新闻标题列表 ·新闻标题...
为了防止乱码,请将用于页面编码的meta charset放到title的前面

为了防止乱码,请将用于页面编码的meta charset放到title的前面

好多新手做网页的时候,有时候发现网站标题是乱码,下面就是方法,也是一种防止出错的规范 通常我们放置的顺序是先title,再charset,就像下面的: 复制代码 代码如下: <title>我的页面脚本之家www.jb51.net</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> 现在请将它们顺序颠倒过来: 复制代码 代码如下:...
大家看了就明白了css样式中类class与标识id选择符的区别小结

大家看了就明白了css样式中类class与标识id选择符的区别小结

你可以用类选择符class和标识选择符id来定义自己的选择符。 这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。 在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。 看起来像这样: #top{background-color:#ccc;padding:1em}.intro{color:red;font-weight:bold;} HTML与CSS的连接用属性id和class。像这样: <...
DL.DT.DD实现左右的布局简单例子第1/2页

DL.DT.DD实现左右的布局简单例子第1/2页

这是今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1、如果用UL还布局,右边一栏比较麻烦; 2、文字外边的边框自适应比较麻烦; 3、很可能要定死高度; 所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是合理的: 1、布局合理一些; 2、将来扩展很方便; 3、CSS一定很少; 试着写了写,看一看还行!在可控范围内! 布局布分当然不用说了: 复制代码 代码如下:<h1>标题</h1&...
css利用A标签的背景可能作出很有意思的效果第1/2页

css利用A标签的背景可能作出很有意思的效果第1/2页

这个效果是今天有人写邮件给我问的一个效果,记前以前利用A标签的背景写过一个类似的效果。于是刚刚回来就写了一下他要求的效果!顺便贴出来和大家分享一下,如果你很有创意,那么你一定能作出更有意思的效果。他提出来的效果,是九天音乐首页一个FLASH的作的效果,要用CSS模仿同样的效果,可能是因为不想用FLASH或是SEO之类的目地。于是用FW作了两张GIF的图片,来模仿这样的效果,由于是是测试用,所以图片等很多方面没有考虑的特别细。有些粗糙,但看上去还是有那么点意...
写CSS_关于Border你可能需要注意的地方第1/2页

写CSS_关于Border你可能需要注意的地方第1/2页

今天写了一段CSS,写时突然想到的,写出来和大家分享一下;我们可能早已习惯了padding在不同浏览器中的不同之处,但这个你不一定注意过; 先说一个场景,例如: 一个宽400px的黄盒子,左边放一个300px的小蓝盒子,右边放一个宽100px的红盒子.这样应该正好放下对吧?因为300+100正好是400呀!好了,先试一试! 我开始写了(头部省略):复制代码 代码如下:<style> #yellow{width:400px;border:1pxs...
使用CSS框架布局的缺点和优点小结

使用CSS框架布局的缺点和优点小结

现在好多网站都用了div+css来布局网页结构,优点是速度快了,可负面影响呢,来看下面的分析前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。 CSS框架之利: 1、开发效率的提高。 如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。...
css强制换行 css强制不换行的css方法

css强制换行 css强制不换行的css方法

以前总结过Div的换行和不换行的css写法。但对于表格单元格只知道一个属性nowrap可以使其不换行。 近日有此需要,但发现加上nowrap在某些情况下还是会换行!无奈,没有一个强制不换行的方法吗? baidu了一下,令俺非常欣慰,还真的找到了办法,问题解决了。 用CSS实现表格单元格数据自动换行或不换行 1、自动换行: .AutoNewline{word-break: break-all;/*必须*/}自动换行自动换行自动换行自动换行自动换行自动换行自动...
<< 21 22 23 24 25 26 27 28 29 30 >>