仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 792|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 带来一篇CSS教程:overflow与text-indent:-9999px

[复制链接]
只想知道 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:56:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
网页制造poluoluo文章简介:overflow与text-indent:-9999px字体埋没及inputvalue偏移.
作为一个web前端开辟
为了html语义化
经常要给内容模块加上一些题目来让页面更成心义
固然另有我们的图片按钮
在抛开CSS裸奔的情形下也能很顺遂的吸取到页面信息
一般为了转达更好的视觉效果
我们经常使用图片替换失落字体
而早前的前端开辟常间接不在html中给出内容
用;(乃至为空)
如许在没有加载到css时就没法晓得这个区块事实是甚么内容了
正题入手下手
一般偏移失落字体的体例是
利用text-indent:-9999px;
但是他有一个范围性他只合用于块级元素block
而我们常常偶然候想偏移失落的a上的字体
以是成绩就来了
text-indent:-9999px;固然用起来对照满意
将a转化成block的话常常他死后的的元素就被他赶到下一行了
假如恰好这个a前面是一个a按钮
就要用float来浮动以使他死后再呈现蜂拥者
如许是否是有些贫苦呢
以是保举利用
line-height:0;
font-size:0;
overflow:hidden;
能完善“埋没”失落你background之上的字体
经测试ie6.0、7.0、8.0、firefox3.010经由过程
而针对inputvalue的埋没这个体例就有些费劲了
以是仍是只能用block加text-indent来“偏移”摹拟埋没了
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试ie6.0、7.0、firefox3.010经由过程

在几乎所有的浏览器上都可以使用。15.以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
深爱那片海 该用户已被删除
沙发
发表于 2015-1-17 23:51:10 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
分手快乐 该用户已被删除
板凳
发表于 2015-1-26 22:09:21 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
老尸 该用户已被删除
地板
发表于 2015-2-11 01:05:25 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
活着的死人 该用户已被删除
5#
发表于 2015-3-1 19:45:19 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
兰色精灵 该用户已被删除
6#
发表于 2015-3-10 23:39:33 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
莫相离 该用户已被删除
7#
发表于 2015-3-17 16:10:48 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
谁可相欹 该用户已被删除
8#
发表于 2015-3-24 15:23:50 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:11

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表