-
纯CSS圆角框:基本的圆角框
所属栏目:[经验] 日期:2018-09-14 热度:137
序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目:[经验] 日期:2018-09-14 热度:108
在进行页面的XHTML+CSS排版时,遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目:[经验] 日期:2018-09-14 热度:198
问题: 在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大[详细]
-
使用CSS制作简单的下拉菜单导航
所属栏目:[经验] 日期:2018-09-11 热度:195
welcome to ximumu site.这个教程会告诉你如何创建一个简单的CSS下拉菜单.如果你觉得好就请告诉你的一个朋友让他也知道这个网站,木木会非常感谢的.^_^ 首先,我们来给这个下拉菜单写一个HTML的代码.先创建一个div来做为容器,然后把这个导航菜单放到这个内器[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目:[经验] 日期:2018-09-11 热度:104
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法,我试过其中的很多,但他们总会在某些方面存在一些问题。之所以有这些问题,可能是因为出现了更新版本的浏览器。一些方法因为太过久远,原本在老版本浏览器可以正常工作,[详细]
-
浅谈 CSS 的定位和浮动
所属栏目:[经验] 日期:2018-09-11 热度:121
CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、[详细]
-
如何用纯CSS打造一个弹性日历
所属栏目:[经验] 日期:2018-09-11 热度:168
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目:[经验] 日期:2018-09-11 热度:106
刚刚碰到一个诡异的问题,这样一段CSS代码: background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片,倒塌。。。 代码肯定没有问题,即便我没有对背景图片定位,这里暂不考虑,因为我这里不存在这个问题。。。于是乎,搜索了一下Go[详细]
-
2009年最好的50个CSS设计网站赏析
所属栏目:[经验] 日期:2018-09-09 热度:200
自2007年以来,我每年都会从Best Web Gallery整理新的CSS最好的网站给大家赏析,本文介绍的是今年2009年最佳的CSS设计。下边是我所整理的50个精美的网站。在这些网站中,我发现了里面很多都是简约优美serif字体设计,但是简单的设计和风格都非常强大。(烈[详细]
-
Web开发从头说起:理解css盒模型
所属栏目:[经验] 日期:2018-09-09 热度:104
在掌握了丰富而强大的css选择符之后,就具备了将css样式根据需要应用到网页中任何元素的能力。能够应用规则了,接下来就需要熟练掌握规则的制定方法什么样的属性组合能够实现什么样的效果。一般的颜色、字体、字号、行高等的设置比较容易掌握,而初学者在[详细]
-
如何用CSS设计一个大背景的站点
所属栏目:[经验] 日期:2018-09-09 热度:109
自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计。因此我决定和大家分享大背景网站的设计技巧。在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计。 普遍的错误:被裁切的背景([详细]
-
CSS教程:样式化顺序列表
所属栏目:[经验] 日期:2018-09-09 热度:87
绝大多数的浏览器解释显示列表序号字体大小默认的和文本一样大[详细]
-
超级简单的DIV+CSS网页布局
所属栏目:[经验] 日期:2018-09-09 热度:90
这篇文章演示在一个页面上有效的使用div元素来构建网站,而不是使用table元素。因为div元素有很多优势,所以大部分客户开发网站要求设计开发div元素,而不是table元素。上面的代码是是为了给初学者学习使用div元素开发网站的。 下面解释为什么使用div元素[详细]
-
前台开发从头说起:谈谈CSS选择符
所属栏目:[经验] 日期:2018-09-09 热度:100
以前我接受了网上不少博文的说法,一直认为学习css的三大最重要问题是:盒模型、定位、浮动。因为这三块的内容决定了css布局的能力。但是通过上一篇文章的分析,xhtml要实现和css的解耦,就要尽量不依赖于css(或者说不要纯粹为了给css预留接口而添加不必[详细]
-
CSS3:nth-child()伪类选择器
所属栏目:[经验] 日期:2018-09-09 热度:130
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上标准。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性[详细]
-
CSS同辈元素定位方式与z-index的总结
所属栏目:[经验] 日期:2018-09-09 热度:100
烈火网(LieHuo.Net)教程 CSS同辈元素定位方式与z-index的总结,同辈元素定位方式相同,且无z-index设置时,html靠后者居上,请看下面的示例源码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-t[详细]
-
多浏览器兼容性问题及解决方案之CSS篇
所属栏目:[经验] 日期:2018-09-09 热度:57
CSS跟 Java Script开发中,最令大家头疼的问题就是浏览器兼容性了,虽然很多文章有这方面的文章,但依然让很多开发人员晕头转向,而且也不够全面。这篇文章,将全面收集css在各种浏览器下的兼容性报告,以及浏览器的渲染bug,也期待各位不断补充。 兼容性[详细]
-
用css3 tranistions实现平滑过渡
所属栏目:[经验] 日期:2018-09-09 热度:160
Css tranistions允许元素的属性在单位时间内发生平滑的过渡,在阅读完《CSS Transitions Module Level 3》之后,我已经被其所吸引。尽管目前只有chrome和safari浏览器支持该属性(不过目前还得使用-webkit内核关键字作为前缀),但相信在不久的将来,各主流[详细]
-
网页内使用CSS添加横向滚动条的实例
所属栏目:[经验] 日期:2018-09-06 热度:167
通常要控制页面显示在固定的空间内,我们选择用滚动栏的方式来拓展空间。 横向的滚动栏。 本文中总结了在Html中设置横向的滚动栏的代码,供大家参考。 htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312titlehtml页面内加横向滚动[详细]
-
如何使用 CSS 设置段落间距
所属栏目:[经验] 日期:2018-09-06 热度:178
段落间距网页设计里一个提升阅读体验的重要因素。但网页排版不想Word那样简单,你能否通过CSS有效率地设置段落间距呢? 网页设计里的文字排版问题 作为网页设计师,我们必须为文章的每个小标题和段落都预留一定的余量(在CSS通常使用margin),但一个段落里[详细]
-
使用CSS绘制表格斜线
所属栏目:[经验] 日期:2018-09-06 热度:73
关于CSS对斜线和圆角的文章,烈火网在以前曾经多次提到,今天正好有位朋友咨询关于使用CSS制作斜线的问题,就把方法告诉他,同时拿来记录一下,方便大家使用: div style=border-top:solid 40px blue;border-left:solid 40px red;height:160px;width:400px[详细]
-
你会用DIV+CSS吗?如何掌握要点
所属栏目:[经验] 日期:2018-09-06 热度:144
DIV+CSS的出现淘汰一批网页设计制作人员,又造就出一批网页设计制作人员。你属于哪类呢?DIV+CSS已经火了很久,最遭殃的算是这批网页制作人员了,本人清楚的记得当时各个公司 招聘 页面自作人员的情况,DIV+CSS技术几乎成了找到好工作的敲门砖,一时间会DI[详细]
-
CSS自适应图片大小的兼容性的问题分析
所属栏目:[经验] 日期:2018-09-06 热度:116
问题: 我想通过css实现对图片大小的自适应,通过以下代码在ie7和 Firefox 中已经可以正常显示了,但是在ie6里面,宽比高大的(横起的)图片总是比高比宽大的(竖起的)图片矮10个xp,谁知道是为什么啊? Copy to Clipboard 引用的内容:[www.veryhuo.com][详细]
-
网页制作HTML代码学习教程入门
所属栏目:[经验] 日期:2018-09-06 热度:193
HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示[详细]
-
分析:CSS在IE6、IE7和IE8中的差别
所属栏目:[经验] 日期:2018-09-06 热度:184
关于浏览器的最离奇的统计结果之一就是Internet Explorer 版本6,7和8共存。截至本文,Internet Explorer各个版本总共占据了大约65%的市场份额。在网站开发社区,这个数字要小很多,统计显示大概只有40%。 这些统计中比较有趣的部分是,IE6、IE7、IE8之间[详细]