-
CSS:左右布局,右侧根据左侧宽度自适应
所属栏目:[经验] 日期:2018-08-26 热度:71
先看效果图: 图一:左右布局,左侧宽度固定,右侧自适应剩余宽度 图二:左侧宽度为0px,右侧内容自适应100% 下面是例子的HTML和CSS布局代码 下面是css代码:[详细]
-
Web开发之CSS和Table布局的争论
所属栏目:[经验] 日期:2018-08-26 热度:173
烈火建站学院(LieHuo.Net)讯 最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。 静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面: 一[详细]
-
XHTML2正式死亡 HTML5成为新宠儿
所属栏目:[经验] 日期:2018-08-26 热度:160
烈火网(LieHuo.Net)讯 W3C 日前宣布将从2009年底起终止同 XHTML 2 工作组的合约,并以此暗示曾经一度野心勃勃的 XHTML 2 的正式死亡。Web 设计界是否该因此而恐慌?毕竟 XHTML 1.x 是所有对 Web 标准验证有着某种情节的人的首选,然而事实并非如此,XHTML 2[详细]
-
技巧:css列的高度自适应控制
所属栏目:[经验] 日期:2018-08-26 热度:156
越来越多的站长加入到互联网的队伍,随着网页w3c标准的逐渐普及,css早已替代古老的表格式网页,烈火网为广大网友精心准备了许多关于CSS的教程,今天我们就来学习一下关于列的控制: 在上文中,我们都已经注明了关于CSS的使用,欢迎大家继续关注烈火网[详细]
-
实例:CSS hacks实现跨浏览器多列布局
所属栏目:[经验] 日期:2018-08-26 热度:153
烈火网(LieHuo.Net)网页制作 利用纯CSS创建一个等高多列的布局并不件易事,本教程将着重分析出现在多列布局的多个问题,然后为大家等来一个简单全浏览器通吃的解决方法,不使用图片,脚本,CSS hacks并在最严格的XHTML 规范中都能通过验证。 问题的症结所[详细]
-
css代码实现鼠标指向图片翻转效果
所属栏目:[经验] 日期:2018-08-26 热度:94
烈火网(Liehuo.Net)教程 今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为翻转效果(roll-over)。原来这种效果大多使用 Java script实现,实际上用CSS可以非常方便地制作出来的。 这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,[详细]
-
CSS兼容浏览器的问题大全整理
所属栏目:[经验] 日期:2018-08-26 热度:148
烈火网(Liehuo.Net)教程 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的[详细]
-
CSS.JS文件发布机制的思考
所属栏目:[经验] 日期:2018-08-26 热度:169
烈火网(Liehuo.Net)教程 在开发过程中,有时遇到由于缓存问题导致页面不能及时更新,有时页面引入了不必需的样式脚本文件,有时由于文件太多,字节过大导致页面的性能缓慢,为了解决这些问题,个人设想了一个初步的解决方案。 解决方案如下: 代码在开发中[详细]
-
解决location.hash跨域iframe自适应问题
所属栏目:[经验] 日期:2018-08-26 热度:140
页面域关系: 主页面a.html所属域A:www.taobao.com 被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且[详细]
-
HTML页面中标签的语义与使用位置
所属栏目:[经验] 日期:2018-08-22 热度:186
我们在52CSS.com的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢? 在刚接触XHTML+CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索[详细]
-
css教程:网页字体及字体大小的设计
所属栏目:[经验] 日期:2018-08-22 热度:80
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪![详细]
-
CSS3属性选择符介绍
所属栏目:[经验] 日期:2018-08-22 热度:95
英文原文: http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/ 中文翻译: http://www.dudo.org/article.asp?id=197 注:本文写于2006年1月,当时IE7、 IE8 和 Firefox 3还未发行,文中所有说的浏览器支持均未包括这三个版本的浏[详细]
-
CSS Alpha透明相关知识学习
所属栏目:[经验] 日期:2018-08-22 热度:116
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在webjx.com的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。 关于CSS Alpha透明的相关知[详细]
-
CSS教程:表格的nobr终极解决方案
所属栏目:[经验] 日期:2018-08-22 热度:115
当你准备全面进军web标准时,有时候你是不是被表格的弄得焦头烂额呢?比如,原来使用非法的nobr现在要用什么来代替呢?今天,就让我来一个终极解决方案。 或许你已经Google到white-space: nowrap可以实现nobr,不错,但关键还有一个,那就是table-layout.[详细]
-
CSS元素的层叠与z-index设置
所属栏目:[经验] 日期:2018-08-22 热度:149
我们在文章的更新中,特别注重对新手的辅导,但webjx.com面对的是广大的开发人员,大家可能会遇到各种各样的问题,有些问题很不常见,或者应用的很少,但我们依然有必要学习更多的CSS布局知识与技术,以应对可能出现的复杂多变的CSS内外形势(挺汗)。今天[详细]
-
CSS网页布局的好处与坏处
所属栏目:[经验] 日期:2018-08-22 热度:96
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV+CSS制作方法,webjx.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。 如今大部分网站仍然采用表格嵌套内容的方式来制作网站,[详细]
-
div+css制作网页实战笔记心得
所属栏目:[经验] 日期:2018-08-22 热度:141
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在webjx.com与大家共同交流,相信进步就更快了。大家一起努力! 最近在做一个魔术网的div+css切割,昨晚发现[详细]
-
关于W3C CSS标准的一些经验
所属栏目:[经验] 日期:2018-08-22 热度:101
总结出关于W3C CSS标准的一些经验: 一、少用偏门。类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 二、center不是float的值。很多新手都会把center误认为是float的值,[详细]
-
css技巧:经典常用CSS使用技巧几则
所属栏目:[经验] 日期:2018-08-22 热度:187
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可以[详细]
-
DIV CSS与XHTML CSS是什么意思
所属栏目:[经验] 日期:2018-08-19 热度:179
不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫span+css ul+css li+css等[详细]
-
Dreamweaver制作网页时使用CSS的注意事项
所属栏目:[经验] 日期:2018-08-19 热度:122
很多CSSer是从以前的网页制作中开始学习CSS网页布局的,或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯。 由于可视化和操作简便,在DW中编写CSS的朋友很多,今天我们介绍一些在DW中编写CSS的最佳习惯,希望对大家有所帮助。 CSS正[详细]
-
CSS教程之link和@import两种方式的区别
所属栏目:[经验] 日期:2018-08-19 热度:70
〖烈火建站学院文档〗现在大多数网站都已经抛弃了表格方式,CSS成了主宰,在CSS的链接上,有一些网站的调用方法却不一样,大家可能会发现taobao.com网页中大部分是这样写的 <style type=text/css media=screen @import url(http://www.taobao.com/home/css[详细]
-
HTML与XHTML有什么不同? 各有什么特点
所属栏目:[经验] 日期:2018-08-19 热度:139
1、什么是是XHTML? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HT[详细]
-
IE6因为编码问题无法正确解析CSS文件
所属栏目:[经验] 日期:2018-08-19 热度:181
本文为转载,是一个网友在实际工作中遇到的问题,在此烈火建站学院转载过来,大家在遇到此类问题时,可以有一定经验。 又是IE6,又是编码,说来说去都是这些问题。今天在做一个网页的时候发现IE6版本以下的浏览器不能把CSS正确地表现出来,CSS好像没有产生[详细]
-
DIV+CSS建立符合WEB标准网页的好处
所属栏目:[经验] 日期:2018-08-19 热度:189
使用DIV+CSS建立符合W3C标准网站对程序员是有非常多的益处的,我们看如下的八条优势。 一、使用div的方式进行程序的嵌套,特别是使用php这样的代码嵌套,可以减少出现像table中那样繁重的代码,对于页面嵌套可以减少因table代码而带来的问题。 二、使用div[详细]
