CSS定义网页局部链接的技巧

CSS定义网页局部链接的技巧的相关文章

• 
  CSS代码:自定义网页超链接下划线

  标签：Web开发

  链接元素的所有CSS属性可以合并为： a {     text-decoration: none;     background: url(underline.gif) repeat-x 100% 100%;     padding-bottom: 4px;     white-space: nowrap; } 如果你想自定义下划线的效果只在鼠标滑过链接时出现，只需设置CSS背景属性为:hover伪类，取代直接设置于链接元素上的样式即可。 a {     ...[ 查看全文 ]

  冬天的火761215

  51
• 
  自定义网页超链接下划线的CSS代码

  标签：Web开发

  链接元素的所有CSS属性可以合并为： a {     text-decoration: none;     background: url(underline.gif) repeat-x 100% 100%;     padding-bottom: 4px;     white-space: nowrap; } 如果你想自定义下划线的效果只在鼠标滑过链接时出现，只需设置CSS背景属性为:hover伪类，取代直接设置于链接元素上的样式即可。 a {     ...[ 查看全文 ]

  华英雄13706

  41
• 
  网页制作小技巧：还网页链接“清白”

  标签：Web开发

  网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。 首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如： A href="http...[ 查看全文 ]

  仅此一人house

  351
• 
  网页技巧怎么编写CSS

  标签：Web开发

      一种是把CSS文档放到＜head＞文档中：   ＜style type=“text/css”＞ …… ＜/style＞ 其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。   另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：   ＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞ 这是采用＜Style=“ ”＞的格式把样...[ 查看全文 ]

  流小帅111

  11
• 
  PDF、ZIP、DOC链接的标注(CSS技巧)

  标签：Web开发

  原文： 翻译： css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们完全可以使用[att$=val]属性选择器，寻找以特定值（比如.zip和.doc）结尾的属性。 a[href$=".pdf"] { padding-right: 19px; backgroun...[ 查看全文 ]

  涛哥是你爹ok

  21
• 
  css技巧之PDF、ZIP、DOC链接的标注

  标签：Web开发

  原文：http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/ 翻译：http://www.176so.com/past/2007/3/17/pdf_links_labeling/ css技巧之PDF、ZIP、DOC链接的标注 有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们完全可以使用[att$=va...[ 查看全文 ]

  置业顾问168

  11
• 
  网页制作：CSS的常用技巧放送

  标签：Web开发

  CSS的常用技巧放送(一) 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如：width: 100px width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其...[ 查看全文 ]

  ok吊毛的故事

  01
• 
  网页技巧之怎样编写CSS

  标签：Html CSS布局 Div+CSS XHTML

      一种是把CSS文档放到＜head＞文档中：   ＜style type=“text/css”＞ …… ＜/style＞ 其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。   另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：   ＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞ 这是采用＜Style=“ ”＞的...[ 查看全文 ]

  卡比屋

  11
• 
  利用CSS 链接下划线也玩自定义

  标签：Html CSS布局 Div+CSS XHTML

  由 A List Apart 杂志及作者授权翻译。（Translated with the permission of A List Apart Magazine and the author[s].） 说明：文章中“[补充]”内容系译者所补充添加（来自 CSS 2.0 中文手册），目的是方便读者理解相关内容。 虽然网页设计师通常有大量的方法控制文档如何呈现，但是基本的CSS不能为页面中链接下方的下划线样式提供很多选择。不过只需一点小技巧，你就能获得链接样式显示方...[ 查看全文 ]

  巨蟹红尘风雨中

  21
• 
  CSS教程:网页表单设计技巧

  标签：Web开发

  输入框( Input )应当符合逻辑地划分为小组，这样大脑就可以很好的处理大堆区域间的关系。– 《HTML权威指南》 Web 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签(label)，操作方式，以及周围的视觉元素都会或多或少影响用户的行为。 表单布局 考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户...[ 查看全文 ]

  放大镜系在路上

  31
• 
  css技巧：分享9个网页制作常用技巧

  标签：Html CSS布局 Div+CSS XHTML

  本篇总结了一些css常用技巧，为网站重构打下基础，但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100，但是在CSS中，你必须给一个准确的单位，比如：" width:100em。只有两个例外情况可以不定义单位：...[ 查看全文 ]

  scar222222

  181
• 
  网页设计 CSS网页制作实用技巧九则

  标签：Web开发

  一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100，但是在CSS中，你必须给一个准确的单位，比如：" width:100em。只有两个例外情况可以不定义单位：行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空...[ 查看全文 ]

  np687

  31
• 
  通过重定义CSS实现网页内容完美打印输出

  标签：Web开发

  虽说已是互联网无所不能的时代，但还是会需要将网页内容打印出来阅读。对于网生的电子报、电子期刊这些更适合于在网络环境中阅读的内容，怎样通过打印输出生成适当的纸媒页面呢？长时间来，这一直是一个课题。为了写如下这篇博文，作者对相关问题进行了深入思考，并为Bits O' NewMedia网站编写了适于打印输出的样式表，现将相关经验分享给大家。 设定适于打印输出的样式表 这并不象想象中...[ 查看全文 ]

  问情至婷

  181
• 
  css技巧：分享9个网页制作常用技巧 (1)

  标签：Web开发

  本篇总结了一些css常用技巧，为网站重构打下基础，但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100，但是在CSS中，你必须给一个准确的单位，比如：" width:100em。只有两个例外情况可以不定义单位：行高和0值...[ 查看全文 ]

  芒果lov3

  51
• 
  网页设计技巧：CSS布局调试的有效方法

  标签：Web开发

  网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错...[ 查看全文 ]

  gguo1219

  21
• 
  CSS教程：网页图片垂直居中的使用技巧

  标签：Web开发

  在曾经的 淘宝UED 招聘 中有这样一道题目： 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两点 ：垂直居中； 图片是个置换元素，有些特殊的特性。 至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法： .box { /*非IE的主流浏览...[ 查看全文 ]

  皇家丶帝羽

  21
• 
  掌握CSS布局网页技巧的完全学习手册

  标签：Web开发

  你正在学习CSS布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，不知道该转换成对 应的什么...[ 查看全文 ]

  阳煤绿碱

  81
• 
  CSS教程：自动隐藏网页文字的技巧

  标签：Html CSS布局 Div+CSS XHTML

  文字隐藏应用广泛，但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷： 1、display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略； 屏幕阅读器会忽略被隐藏的文字。 2、visibility: hidden 这种方法隐藏了文字却仍然占据物理空间。 3、推荐大家使用这个更好的方法： overflow:hidden .class{ display:block;...[ 查看全文 ]

  栋栋狙击

  51
• 
  网页小技巧：如何去除超链接的下划线

  标签：Web开发

  日在网上，有朋友看了我的梦溪河后问：你主页里的下划线是怎么去掉的？因为当时手头正有事做，没顾得上回答，只好告诉对方说：我是用FrontPage做网页的，此软件中就有去除的下划线的功能，你多玩玩FrontPage软件就知道了。也不知他后来去除超链接的下划线没有？ 今天刚好有时间来更新网页，便想起了这个问题。可又不知道朋友是哪位了，只好写 这篇短文，让爱好做网页的朋友共同交流。 我...[ 查看全文 ]

  装纯的不服就干

  101
• 
  网页CSS技巧：闭合浮动元素超级简单的方法

  标签：Web开发

  关于闭合浮动元素（clearing float）的方法现在已经很多了，你还不了解的话去old9的blog看看，有一篇闭合浮动元素。 这些方法我最喜欢就是 使用:after 伪类动态的嵌入一个用于清除浮动的元素，可惜代码量太大了，看着不够简洁。现在我看到有个方法超级简单。赶紧介绍一下。 原理是这样的，外围元素之所以不能很好的延伸，问题出在了overflow上，因为overflow不可见。见W3C的解释： In addition, if the ele...[ 查看全文 ]

  冷温柔狗

  21