-
用css3 tranistions实现平滑过渡
所属栏目:[经验] 日期:2018-09-09 热度:190
副标题#e# Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来[详细]
-
使用CSS制作简单的下拉菜单导航
所属栏目:[经验] 日期:2018-09-09 热度:93
副标题#e# welcome to ximumu site.这个教程会告诉你如何创建一个简单的CSS下拉菜单.如果你觉得好就请告诉你的一个朋友让他也知道这个网站,木木会非常感谢的.^_^ 首先,我们来给这个下拉菜单写一个HTML的代码.先创建一个div来做为容器,然后把这个导航菜单放[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目:[经验] 日期:2018-09-09 热度:89
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法,我试过其中的很多,但他们总会在某些方面存在一些问题。之所以有这些问题,可能是因为出现了更新版本的浏览器。一些方法因为太过久远,原本在老版本浏览器可以正常工作,[详细]
-
浅谈 CSS 的定位和浮动
所属栏目:[经验] 日期:2018-09-09 热度:94
CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、[详细]
-
如何用纯CSS打造一个弹性日历
所属栏目:[经验] 日期:2018-09-09 热度:114
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目:[经验] 日期:2018-09-09 热度:166
刚刚碰到一个诡异的问题,这样一段CSS代码: background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片,倒塌。。。 代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Go[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目:[经验] 日期:2018-09-09 热度:136
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制,结果html validator提示textarea必须有cols和rows属性,否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
Iframe框架在IE6显示横向滚动条的问题
所属栏目:[经验] 日期:2018-09-09 热度:140
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目:[经验] 日期:2018-09-09 热度:118
烈火网(LieHuo.Net)教程 在日常的上网中,我们经常会看到一些圆角边框,通常是需要用图片来实现的,那么能不能利用纯CSS来设计表格边框的圆角呢?其实是可以的,今天我们就来看一下CSS实现圆角的实例: title无需图片纯CSS设计Table圆角效果-liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目:[经验] 日期:2018-09-09 热度:58
烈火网(LieHuo.Net)教程 很久没在烈火网露面了,看到大家为图片控制大小烦恼 我这有段代码 很不错,设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形![详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目:[经验] 日期:2018-09-09 热度:92
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
CSS教程:dl dt dd标签的简单用法
所属栏目:[经验] 日期:2018-09-07 热度:160
我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法: dl标记定义了一个定义列表,定义列表中的条目是通过使用dt标记(definition title,定义标题)和dd标记(definition description,定义描述)[详细]
-
CSS技巧之如何组织和注释CSS文件
所属栏目:[经验] 日期:2018-09-07 热度:118
关于如何组织和注释CSS文件,有很多方法,但是哪一种方法最好,却没有答案,这要靠你自己在工作中慢慢的去思考了.如果你有更好的方法请告诉大家让大家一起分享..... 当我们的样式表变得很大和很复杂时,按整洁易懂的结构组织它是非常重要的.组织样式表可以让我们[详细]
-
如何使用 CSS 隐藏网页文字?
所属栏目:[经验] 日期:2018-09-07 热度:187
1.隐 藏文 本和链接:采用隐藏的手段在网页上放置许多文本和链接,浏览者看不到隐藏文本而搜索引擎可以爬取到,从而欺骗搜索引擎对网页关键词的判断。这些手段包括: * 将文本和链接的颜色设置与背景一样 * 将文本堆积在图片后 * 使用 CSS 隐藏文本,如:[详细]
-
使用 CSS 自定义网页字体
所属栏目:[经验] 日期:2018-09-07 热度:89
如何使用自定义字体呢?一般的解决办法是把文字体成图片,但是有点麻烦, 不适合我的样的懒人,而且做成图片也不方便修改。还有一种是通过CSS样式定义,我选择了这种, 因为它简单易用,CSS中使用@font-face属性来实现在网页中嵌入任意字体,稍稍复杂一点的[详细]
-
IE6弹出Iframe中文本框无法获得输入焦点的问题
所属栏目:[经验] 日期:2018-09-07 热度:142
公司WEB项目要求是必须兼容FF3,IE6/7/8。本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层,原理是先动态添加一个遮罩层,再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果),DIV里面动态添加一个IFrame,这个Iframe页面指向一个现存[详细]
-
节约开发时间的十个CSS技巧
所属栏目:[经验] 日期:2018-09-07 热度:126
CSS已经成为网页前段设计一个非常重要的部分,由于写CSS时需要考虑的问题非常多,老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架,这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码,你可以做出简单的Tooltip。这[详细]
-
Css+div 垂直居中对齐方式集锦
所属栏目:[经验] 日期:2018-09-07 热度:164
1. 重置浏览器的默认设置 首先将以下代码加到你的全局css文件中: /*1.Reset browser defaults then reset the browser font size*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0; paddi[详细]
-
简单设置iframe的背景色及填充iframe
所属栏目:[经验] 日期:2018-09-07 热度:74
前几天在做一个自定义弹出层时,需要用到iframe做半透明的背景,但是由于iframe不能直接设置背景色而苦恼,百度google之后发现人们大都是给iframe设置src指向一个目标html页面,此页面仅仅是在body中设置背景色。始终觉得这样子不太好,一来是是iframe中页[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目:[经验] 日期:2018-09-07 热度:137
自2007年以来,我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析,本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中,我发现了里面很多都是简约优美serif字体设计,但是简单的设计和风格都非常强大。(烈[详细]
-
Web开发从头说起:理解css盒模型
所属栏目:[经验] 日期:2018-09-07 热度:63
在掌握了丰富而强大的css选择符之后,就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了,接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握,而初学者在[详细]
-
CSS教程:样式化顺序列表
所属栏目:[经验] 日期:2018-09-07 热度:78
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目:[经验] 日期:2018-09-07 热度:148
这篇文章演示在一个页面上有效的使用div元素来构建网站,而不是使用table元素。因为div元素有很多优势,所以大部分客户开发网站要求设计开发div元素,而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
前台开发从头说起:谈谈CSS选择符
所属栏目:[经验] 日期:2018-09-07 热度:135
以前我接受了网上不少博文的说法,一直认为学习css的三大最重要问题是:盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析,xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加不必[详细]
-
如何用CSS设计一个大背景的站点
所属栏目:[经验] 日期:2018-09-07 热度:63
自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误:被裁切的背景([详细]

浙公网安备 33038102330477号