CSS高级技巧:图片替换

CSS高级技巧:图片替换的相关文章

• 
  CSS高级技巧:文字环绕图片

  标签：Web开发

  上一篇 CSS教程 文章：CSS高级技巧:滑动门 文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢？ 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先看一看效果图: 这应该不是简单的图片float能完成的了吧？ 不过实现的原理还是不是很推荐, 因为有相当多的额外标签, 整份文档看起来并不是非常语义化. 说...[ 查看全文 ]

  世雄prince

  61
• 
  CSS高级技巧:CSS Sprites

  标签：Web开发

  上一篇 CSS教程 文章：CSS高级技巧:圆角矩形 CSS Sprites, 利用CSS background-position 进行背景绝对定位, 减少HTTP请求, 加速网页显示, 解决图片载入闪动问题的技巧. CSS Sprites最适合用来做的, 恩, 比如: 清单导航的CSS鼠标翻转效果 大量小图标集中的应用 (FckEditor) ...很多很多,多的想不出来了. 实现原理简单地说就是控制容器的大小, 然后利用background-repeat, background-position来对背景图...[ 查看全文 ]

  yang果5217758

  21
• 
  用css实现图片替换

  标签：Web开发

  style  h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;}  .box2{}   .box2 img{display:block; padding:2px; border:0;}  .box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}   .box2 a span{display:none; color:#F00;}   .box2 a:hover{color:#999; b...[ 查看全文 ]

  孙蓝菲

  261
• 
  CSS高级技巧:网页布局

  标签：Web开发

  上一篇 CSS教程 文章：CSS高级技巧:文字环绕图片 布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签! CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局技术之间没有本质的区别, 相同一种布局让100个前端开发工程师来做...[ 查看全文 ]

  咕咕跳舞

  51
• 
  CSS高级技巧:阴影效果

  标签：Web开发

  上一篇 CSS教程 文章：CSS高级技巧:网页布局 CSS阴影效果 (Drop Shadows) 一点阴影可以给平板的设计增加纵深的感觉, 很多时候我们都是直接用PhotoShop直接制作带阴影的图片以供使用, 这里介绍的是一种不需要修改图片, 而只需要用CSS完成的技巧. 原理: 给img /标签增加一个容器, 给容器设置一个大的阴影背景图像, 然后把img /利用负值外补丁进行偏移, 使阴影落在图像外侧以达到效果.    &nb...[ 查看全文 ]

  桐桐儿妈咪

  21
• 
  CSS 高级语法

  标签：Web开发

  选择器的分组 你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h2,h3,h5,h6 {   color: green;   }继承及其问题 根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则： body {      font-family: Verda...[ 查看全文 ]

  想懂就问我

  11
• 
  CSS Sprite图片处理技巧

  标签：Web开发

  在以前我们的工作中，以传统切图思想进行操作，讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按Byte计算。 客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。因为一张图片的传输时间，通常远小于请求等待的时间。 典型如文本编辑器，小图标特别多，打开时一张张跑出来，给用户的感觉很不好。如果能用一张...[ 查看全文 ]

  章鱼四双鞋

  341
• 
  CSS的高级语法

  标签：Web开发

  选择器的分组 你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 h1,h2,h2,h3,h5,h6 {   color: green;   }继承及其问题 根据 CSS，子元素从父元素继承属性。但是它并不总是按此方式工作。看看下面这条规则： body {      font-family: Verda...[ 查看全文 ]

  yangjiezhe

  11
• 
  HTML高级技巧：详解CSS的优先权

  标签：Web开发

  优先权问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其中涉及到的问题其实很多。 首先就是CSS规则的specificity(特殊性)，CSS2.1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。关于specificity的具体计算在各种情况下的数字加成有如下一...[ 查看全文 ]

  love认证账号

  41
• 
  css技巧：批量保存div+css图片方法

  标签：Web开发

  由于现在很多div+css中的图片都写在了css里面。 直接用浏览器的另存为已经不能完全保存到本地 我在网上收集了一些方法，和一些自己的实践，希望对你有所帮助 第一：苦力型 查看网页源文件，然后找到css路径，直接输入到ie地址框内下载既可。打开css找出里面的图片一个一个下载 第二：偷懒型 保存到本地css后，在dw中把css中的图片都替换成 第三：超级偷懒型 ...[ 查看全文 ]

  带毛的棒棒糖

  131
• 
  CSS教程：征服高级CSS选择器

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。但是尽管事实上，我们每个人也都意识到了它是有用的，CSS 选择器远未发挥它们的潜力，有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。 避免让这些瘟疫在你的标签中传播并保持其简洁和语义化的最佳方式，就是使用更复杂的CSS选择器，它们可以定位于...[ 查看全文 ]

  追风少年198610

  281
• 
  利用CSS同比例缩小图片技巧

  标签：Web开发

  当然，生成缩略图这个工作如果交给程序来完成，效果会好很多，但是有时出于某种因素，例如服务器不支持GD之类的，难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸，对于现代浏览器，直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，我们往往会借助Javascript，然后为图片加上onload事件。例如： 这固然能...[ 查看全文 ]

  hai洋zz

  31
• 
  标记语言——图片替换

  标签：Web开发

  点击这里返回脚本之家 HTML教程 栏目．想浏览CSS教程请点这里。 上文： 标记语言为文字指定CSS样式 。Chapter 14 图片替换 随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有许多新技术被发现,达成相同目标的新方法,更好的方法也不断发展着. "图片替换" 可以说是这种变革的最佳范例,这是用CSS把普通文字置换成图片的技术.应该如何用CSS把文字换成图片? 如果能把表现用(不重要的或者装饰...[ 查看全文 ]

  yiwanru1

  111
• 
  CSS高级文字排版的实例代码

  标签：Web开发

  css 文字排版一向困扰做页面前台工作者，这里汇总了大部分文字的实现效果大家可以举一反三的去运用。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / titleCSS Typography - Examples for CSS and ...[ 查看全文 ]

  丑女野山核桃仁

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

  标签：Web开发

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

  皇家丶帝羽

  21
• 
  EditPlus 正则替换图片ubb替换成img

  标签：Web开发

  \[img\](.+)\[/img\] img src="\1" border="0"[ 查看全文 ]

  SCC畅

  81
• 
  Illustrator的高级技巧

  标签：Illustrator

      1 加速列印输出速度 对於使用从事创作的人来说，经常会使用色票面版来简化填色的工作。 但是过多的色票却是会减慢列印输出的速度，因此当您在储存档案或者在列印之前 最好先将一些没有用到的色票或笔刷删除，以增快速度。删除的方法是：点选色票 面版或笔刷面板右上角箭头，然後在弹出式选单中选取「Select All Unused」， 然後再选择删除即可。 2 快速产...[ 查看全文 ]

  小颖283

  501
• 
  Dreamweaver使用技巧－－让css使网页图片半透明

  标签：Web开发

    你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。 让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。 也许你会问...[ 查看全文 ]

  阳光的气质姐

  531
• 
  CSS技巧:段正淳的css笔记

  标签：Web开发

  淘宝首页上的一个小技巧。 类目之间的横竖线 从很久很久以前开始，类目间的竖线无非都只有三种。 背景图 在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。 缺点：最后一个还是要用class来隐藏掉背景。 符号 在每个a标签之间用”|”符号来填充。 缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。 a标签右侧的boder。 同背景图一样，只不过使用border-right来代替。缺...[ 查看全文 ]

  老绵羊20130801

  21
• 
  CSS顶级技巧

  标签：Web开发

  在一行内声明CSS 对比下面两个： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 {    font-size:18px;    border:1px solid blue;    color:#000;    background-color:#FFF;    } 第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。 以前我也是写成类似...[ 查看全文 ]

  水灵儿妞妞

  01