网页导航上用CSS标志当前页效果
当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不同,用以给浏览者一个明显的指示。下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何实现当前页。
设菜单有5个栏目:home、about、products、ser
收藏 0赞 0分享
利用CSS框架进行高效率的站点开发 Elements
随着公司网站的再度改版,当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面,给站点的改版带来很多不必要的麻烦。CSS框架这个概念在这个时候显得越发的重要,也是必要!
在去年的时候曾经说过用Dreamweaver 代码片断 提高css开发
收藏 0赞 0分享
CSS框架的利与弊(上)
前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。
CSS框架之利:
1、开
收藏 0赞 0分享
Web标准:关于DOCTYPE
最近在蓝色理想转悠,发现很多朋友提出有关DIV CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个——显示很奇怪,很难调整
收藏 0赞 0分享
有趣的Unicode CSS类命名方式
无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。
一个简单的结构:
<div class="container">
<div class="left-top&q
收藏 0赞 0分享
CSS常用技巧十则
1. Block和inline元素对比
所有的HTML元素都属于block和inline之一。
block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>
收藏 0赞 0分享
调整CSS类型的顺序改变链接翻滚
通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。
收藏 0赞 0分享
CSS实现网页中的隔行换色代码
以前在Dreamweaver中用表格布局网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀。但是随着网页标准浪潮的来袭,这种设计效果慢
收藏 0赞 0分享
巧妙运用CSS立刻改变鼠标的样式
用惯了Windows的人对各种各样的鼠标样式一定不会陌生。当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化。而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化,同充满动感的网页
收藏 0赞 0分享
CSS教程,CSS固定表头的HTML表格
用CSS实现的固定表头的HTML表格。
曾经在项目中实现过一个固定表头的HTML表格,但使用了非常臃肿的代码,因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实现的固定表头的表格,其简化代码如下:
收藏 0赞 0分享
CSS:清除浮动的最优方法
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。
方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。
收藏 0赞 0分享
Firefox和IE通用的三则网站重构实用技巧
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
我们经常遇到一个容器外面套一个边框,边框高度随容器高度变化,但是当边框内容器设置了浮动属性后,外框就不跟随变化,这时就需要清除浮动。给外边框容器加上overflow:auto的属性,可以解决I
收藏 0赞 0分享
CSS网页设计中的解决方案
1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。
2、浏览器特定的选择器
查看原文:http://diger.cn/blog/?p=324
英文地址: http://www.solidstategroup.com/page/1592
翻译说明:
收藏 0赞 0分享
由浅入深实践学习 Web 标准
如果你还不知道 Web 标准是什么,那么我给一个定义:从 05 年开始才在中国流行起来的一种做网页的方式,并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的(或接近标准)。我这么定义,是说作为一个新锐的网页设计师,如果你现在还不知道 Web 标准,那么
收藏 0赞 0分享
另一个角度谈谈DIV CSS
看了cragle的《有没有必要将网站Div Css重构?》的文章,有一些想法不说不快,我也在文章的评论里提到曾经开除过两个执着使用div技术的美工,遭到一些朋友的反对,但也有一位技术总监的朋友发帖表示支持,很经典的话就是:“做站是给人看的。不是给机器。符合w3c标
收藏 0赞 0分享
CSS网页布局
网页教学网提醒您学习CSS,CSS能干什么呢?CSS能表现网页,以各种格式来显示页面,只需要你修改CSS代码就可以实现,HTML是网页的结构,可以配合CSS来实现制作我们的网页。
CSS 来布局很容易。如果你已经习惯用表格布局的话,起先会感觉比较困难。其实不难,只不过动机不
收藏 0赞 0分享
知道吗?H1标签同样也可以美化
大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因,很多标题性的文字做成了图片。大多数情况下,切割页面的时候就直接用上了图片。在代码上,H1也就对搜索引擎失去了作用。
<h1><img src="
收藏 0赞 0分享
CSS:用overflow代替left截取指定长度字符串
为了防止文章标题过长超过容器(td,div)宽度而显示成多行,我们通常要对标题进行处理让其显示在一行,通常使用的方法有两种:一种方法是在客户端用CSS设置容器的overflow属性;另一种方法则是在服务器端用left函数对标题字符串进行截取。两种方法通常情况下都能达到我们的目
收藏 0赞 0分享
CSS的私有属性小结(针对FireFox浏览器)
FF中CSS的私有属性小结
有时..有些东西FF总是支持不好…….
只能找私有属性来帮忙….
例子还米做…
因为太多太不了解了…
等理解得差不多时搞成本电子书.
虽然这些不推荐使用,
收藏 0赞 0分享
帮助你好好学习CSS的“边”和“内容”
看完图下面是测试代码:
<html>
<head>
<title>webjx.com</title>
<meta http-equiv="Content-Type" content="tex
收藏 0赞 0分享