段正淳的css笔记(3)标题右侧“更多”的实现
作者：正淳 来源：ued.taobao.com 发布时间：2007-11-01 21:55:00
上一篇相关文章：段正淳的css笔记(2)圆角的做法
1、标题右侧“更多”的实现
曾经做上图所示的效果,会使用到position来相对定位到h2标签的右侧.这样的做法,代码确实会多好几行. 其实可以用个笨一点的办法来实现的：
譬如html代码如下：
< h2>< a h ref="#" >标题< /a> < span>更多…< /span> < /h2>
使用potsition的css差不多如下：
h2{
position:relative;
height:20px;
}
span{
position:absolute;
right:0;
top:0;
display:block;
height:20px;
}
这样才能实现更多在右侧.其实真的还可以更简单:
h2{
height:20px;
}
span{
float:right;
display:block;
margin:-10px 0 0 0;
height:20px;
}
其实只是利用了margin-top 的负数来实现,因为默认的float会换行到h2标签下面去，所以让它自个跳上去。大致代码就是如此了,是不是很简单?我说很简单嘛！由于很简单,所以就不放出单独的测试页面了.
ps:我说咱们啥时候也得搞个和蓝色理想一样的编辑器吧…
2、淘宝的css属性顺序书写规范.
以前部门的同事们，每个人都有一套书写的规范，导致看对方的css代码非常吃力，所以就推行了一套书写标准 ，或许对您也有帮助。
*{
/*显示属性*/
display
position
float
clear
cursor
…
/*盒模型*/
margin
padding
width
height
/*排版*/
vertical-align
white-space
text-decoration
text-align
…
/*文字*/
color
font
content
/*边框背景 为什么要把 boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便，哈哈。*/
border
background
}
说到底其实属性的书写顺序规范就是：神仙?妖怪? - 身材怎么样！- 服装类型(比基尼?棉袄?) - 服装款式(黑色?白色?纽扣?拉链?) - 用了啥化妆品和发型.
这个书写标准小部分并不是浏览器厂商推行的书写规范，所以可能被广大标准推广者所不认同 。但这些个都是弟兄几个实践出来认为最符合现有淘宝环境的。
继续阅读：段正淳的css笔记(4)css代码的简写
0
投稿猜你喜欢
- 最近在开发项目的过程中遇到一个问题，就是在插入一条记录的后要立即获取所在数据库中ID，而该ID是自增的，怎么做？在sql server 20
- 前不久网上公开了一个MySQL Func的漏洞,讲的是使用MySQL创建一个自定义的函数,然后通过这个函数来攻击服务器。最早看到相关的报道是
- 在asp中利用excel的一个方法是将excel文件作为一个数据库进行链接，然后的操作和对access数据库操作类似。但是这个方法不是总能有
我们现在使用的验证手段都是以验证码为主，让用户根据图片输入验证字符，这种方法的安全度尚可，但会给用户带来一些不便和困扰，比如这个雅虎的验证码- 问：如何让内联框架里面的网页背景透明？（用iframe嵌套一网页，怎么能够设置其背景为透明以便能显示父框架中网页的背景图？）答：这是需要 I
- 说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 bo
- 原文：Unobtrusive Ajax。今天才看见的一个Presentation，是Jesse Skinner在06年10月发表的。虽然题目
- SQL语句优化的原则：◆1、使用索引来更快地遍历表缺省情况下建立的索引是非群集索引，但有时它并不是最佳的。在非群集索引下，数据在物理上随机存
- 在使用ORACLE的过程过，我们会经常遇到一些ORACLE产生的错误，对于初学者而言，这些错误可能有点模糊，而且可能一时不知怎么去处理产生的
- HTTP_X_FORWARDED_FOR与REMOTE_ADDR的区别.在Request.ServerVariables中并没有HTTP_X
- 在我们的生活中，需要接触大量的带有机械按键的物品。当你用手指按下按键的时候。都会或强或弱的感受一股（嗯，也有可能是一丝丝）反作用力传递到你手
- 我用asp+access写程序， sql="select *&
- 注意：如果您尚未阅读过原来那篇老文章《悟透JavaScript》，请先行阅读该文，以了解上下文关系。在上面的示例中，我们定义了两个语法甘露，
- IE的特殊性 IE的DOM元素属性与Firefox, Opera, Safari有些不同。在IE中，我们可以给DOM添加任意自定
- 我发现有的网站利用了SQL SERVER提供的通过EXCHANGE或OUTLOOK收发邮件的扩展存储过程来完成收发和自动处理邮件（这句话太长
- 一、多行函数又称组合函数（Group Functions）、聚合函数 1、 Types of Group Functions avg、cou
- 用css属性选择器可以有选择性地对链接样式进行控制，如让所有的外部链接都加一个小图标来标识其是一外部链接。但用css有弊端： 1、只支持Fi
- UPA2008于2008年10月24日在深圳举行，托哥、绿桔应邀主持了一场圆桌会和一场工作坊，以下是圆桌会议《商业价值与用户价值的平衡》的现
- Web 设计离不开调色板，现成的调色板多不胜数，不管是 Windows 标准色板，还是 Web 标准色板，还是 Pantone 色板，它们虽
- 很久没有跟其他人做重构思想方面的交流了，可能大家都觉得不太好意思讨论，特别是“分离”的思想这么基础的话题，拿出来说怕会被“笑话”。做为页面重
