揭开迷惑 理解CSS的浮动Float
Float(浮动)概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解,而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而,这些问题的根源并不在于理论本身,而是开发人员以及浏览器对理论的解读造成的。
如果你认真的去读一下浮动概
收藏 0赞 0分享
css网页布局中注意的几个问题
一、少用偏门。
类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。
二、center不是float的值。
很多新手都会把center误认为是float的值
收藏 0赞 0分享
H1的位置对SEO的影响
最近对H1的讨论很多(在文章内容页中),大致有以下两种情况:
H1应该用于文章的标题上
H1应该用于站点的标题上
相信大多数人都偏向第一种方式:用于文章标题上,从文章的角度上看,用户进到内容页里,想看到的当然就是文章的内容,文章标题理所当然是最重要的、最
收藏 0赞 0分享
网页制作与CSS的UTF-8和GB2312编码问题
不知道大家在做页面的时候会不会遇到样式定义不生效的问题,基本的表现就是怎么改样式都没显示或只有某些浏览器正常,这时通常需要做下面的几步:
确认所修改的样式文件是否是当前页面的样式文件(多个环境的情况)
确认文件中的路径是否正确(可能手误多写或少写)
收藏 0赞 0分享
间距浮动与对齐的最佳方案
一:让layout的间距和图片与图片之间的间距相等!
看图帮助理解!
左右方向都可以应用!别转不过来弯就行了!
二:定宽,图片文字居中和负margin
依然是看图
难点在于,如何妥善处理间距和对齐,并降低或取消计算过程!
macji的跨浏览器实现:float:cen
收藏 0赞 0分享
CSS制作公文代码
应程序要求,全部用p 类展示。其他要求请自行更改!关于有序列表OL:直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF,GG内,是在序列号和正文中间
收藏 0赞 0分享
不要使用的HTML标签(WEB标准网页布局)
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。
Do not use these html elements in html pages.
Presentational elements should not be used.
收藏 0赞 0分享
CSS网页设计时关于字体大小的设计
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪!
字体
收藏 0赞 0分享
css教程:网页字体及字体大小的设计
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪!
字体
收藏 0赞 0分享
描述性列表UL和DL的表现形式
之前就见过很多网站在侧边栏上使用<dl />标签对来完成侧边栏栏目的布局,最近在研究DEDECMS的默认模板时,也发现该模板在大量的地方使用<dl></dl>标签对来完成页面的布局,比如模板首页的栏目循环以及侧边栏的栏目都是用<dl>
收藏 0赞 0分享
CSS Alpha透明相关知识学习
图片的透明效果是网页中需要用到的一种特殊形式,虽然不是非常的常用,但是遇到这样的需求往往有点措手不及,在webjx.com的文章中虽然有这方面的CSS实例,但还没有系统的介绍过CSS Alpha透明,我们今天共同学习一下相关的知识。
关于CSS Alpha透明的相关
收藏 0赞 0分享
关于W3C CSS标准的一些经验
总结出关于W3C CSS标准的一些经验:
一、少用偏门。类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。
二、center不是float的值。很多新手都会把
收藏 0赞 0分享
CSS3属性选择符介绍
英文原文:
http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/
中文翻译:
http://www.dudo.org/article.asp?id=197
注:本文写于2006年
收藏 0赞 0分享
CSS网页布局的好处与坏处
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV CSS制作方法,webjx.com也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。
如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽
收藏 0赞 0分享
div css制作网页实战笔记心得
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在webjx.com与大家共同交流,相信进步就更快了。大家一起努力!
最近在做一个魔术网的div css切割,昨晚发现了长
收藏 0赞 0分享
Opera下cloneNode的bug
Opera, 作为 A-Grade 浏览器,在现在的前端开发中务必支持。它很优秀,很不幸,bug是每个浏览器都不可避免的问题,Opera亦难免。说说我发现的一个关于 cloneNode 的问题。
问题:
假设我们有一个 Form 节点(node)的引用,姑且名之为 e
收藏 0赞 0分享
CSS网页布局开发小技巧24则
在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在webjx.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解
收藏 0赞 0分享
CSS BUG解决方法以及CSS BUG类的小技巧
CSSbug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在webjx.com大量的技术文档中,也包含了这方面的内容。轻松的解决CSSbug是我们必须掌握的技
收藏 0赞 0分享
CSS framework日常开发的经验总结
CSSframework可以更快速、有效、可扩展的去书写站点的CSS代码。在webjx.com以前的文章中,我们有过多篇此类知识的介绍,以下是个某个知名团队在日常开发中的思考与总结,可能您会提出一些不同的观点,没关系,欢迎发表评论,和webjx.com的众多CSSer一起探讨
收藏 0赞 0分享
HTML和CSS的关键:盒子模型(Box model)
原文:http://jorux.com/archives/property-4-if-you-love-css/
本文作为属性篇的最后一篇文章, 将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和pad
收藏 0赞 0分享