-
css技巧:经典CSS使用技巧几则
MacJi “偷懒”翻译了部分,下午冒着被 BOSS 开除的危险将其补完(原文链接)。
作者:asdasdasd11-19
使用 line-height 垂直居中
line-height:24px;
使用固定宽度的容器并且需要一行垂直居中时,使用 l... -
div css与xhtml css是什么意思?
不知道从什么时候开始,在网络上到处可以看到div css,到底什么是div css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div css呢?...
作者:asdasdasd11-19 -
知道吗?H1标签同样也可以美化
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H...
作者:asdasdasd11-19 -
网页制作与CSS的UTF-8和GB2312编码问题
不知道大家在做页面的时候会不会遇到样式定义不生效的问题,基本的表现就是怎么改样式都没显示或只有某些浏览器正常,这时通常需要做下面的几步:
作者:asdasdasd11-19
确认所修改的样式文件是否是当前页面的样式文... -
IE7与web标准设计(3)
上文:IE7与web标准设计(2)
作者:asdasdasd11-19
IE历来被web标准的拥护者所诟病,而当FireFox横空出世以后,更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升,微软终于推出了IE7。但IE... -
CSS网页布局的好处与坏处
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷采用DIV CSS制作方法,jb51.net也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面...
作者:asdasdasd11-19 -
CSS样式表优化更整洁而简短
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试...
作者:asdasdasd11-19 -
CSS:用overflow代替left截取指定长度字符串
为了防止文章标题过长超过容器(td,div)宽度而显示成多行,我们通常要对标题进行处理让其显示在一行,通常使用的方法有两种:一种方法是在客户端用CSS设置容器的overflow属性;另一种方法则是在服...
作者:asdasdasd11-19 -
间距浮动与对齐的最佳方案
一:让layout的间距和图片与图片之间的间距相等!看图帮助理解! 左右方向都可以应用!别转不过来弯就行了!二:定宽,图片文字居中和负margin依然是看图
作者:asdasdasd11-19
难点在于,如何妥善处理间距和对齐,... -
div css制作网页实战笔记心得
以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在jb51.net与大家共同交流,相信进步就更快...
作者:asdasdasd11-19 -
CSS教程:legend标签设定宽度
原文:http://www.planabc.net/2008/07/24/legend_width/
作者:asdasdasd11-19
我们在做表单的时候经常会使用到这样的结构:
<fieldset> <legend>哪些浏览器legend标签设定的宽度有效</legend> <input type="check... -
CSS设计网站导航菜单的优势
导航结构在网站设计中是起到决定性作用的,导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受,它是网页设计的关键元素。
作者:asdasdasd11-19
虽然网站导航菜单的外观是网页设... -
CSS制作政府公文的代码
应程序要求,全部用p 类展示。其他要求请自行更改!
作者:asdasdasd11-19
关于有序列表OL:
直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF,GG内,是在序列号和正文中间。
改用对OL使用padding-left:4e... -
CSS的私有属性小结(针对FireFox浏览器)
FF中CSS的私有属性小结 有时..有些东西FF总是支持不好……. 只能找私有属性来帮忙…. 例子还米做… 因为太多太不了解了… 等理解得差不多时搞成本...
作者:asdasdasd11-19 -
Opera下cloneNode的bug
Opera, 作为 A-Grade 浏览器,在现在的前端开发中务必支持。它很优秀,很不幸,bug是每个浏览器都不可避免的问题,Opera亦难免。说说我发现的一个关于 cloneNode 的问题。
作者:asdasdasd11-19
问题:
假设我们有一... -
css教程:可读性可维护性良好的CSS文件
在jb51.net的大多数文章中,我们并未特别注意CSS文件的可维护与可读性的问题,当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型,在余下的时间...
作者:asdasdasd11-19 -
门户网站构建CSS框架的规则
对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的“地基”。
作者:asdasdasd11-19
第一部:... -
帮助你好好学习CSS的“边”和“内容”
看完图下面是测试代码:
作者:asdasdasd11-19
<html><head><title>jb51.net</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"></style></head><body><SCRIPT LA... -
不要使用的HTML标签(WEB标准网页布局)
CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签。
作者:asdasdasd11-19
Do not use these html elements in html pages. Presentational elements should not be used. Support f... -
CSS:清除浮动的最优方法
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。
作者:asdasdasd11-19
方法真... -
巧用CSS滤镜制作绚丽图片播放效果
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。 实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,...
作者:asdasdasd11-19 -
从三方面加速CSS样式作用网页速度
最近学校的网络越来越慢了,浏览网页时经常出现裸奔的现象,于是我就想如何可以尽量避免这一问题,现把自己的一些思路写出来,以供大家参考:
作者:asdasdasd11-19
在我们无法更换服务器或提高服务器速度的情况下,... -
利用CSS框架进行高效率的站点开发 Elements
随着公司网站的再度改版,当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面,给站点的改版带来很多不必要的麻烦。CSS框架这个概念在这个时候显得越发的...
作者:asdasdasd11-19 -
学习CSS了解单位em和px的区别
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大...
作者:asdasdasd11-19 -
WEB标准,Web前端工程师定位浅谈
先给前端工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达。如果在前面加上Web,那么是针对Web这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包...
作者:asdasdasd11-19