仓酷云

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

[DIV+CSS] 带来一篇用css款式表完成首字年夜写

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
  css傍边有很多平常很罕用的属性,可是这些属性偶然候被开掘出来今后就会立即引发一些人的追逐,首字年夜写就是如许一种效果。比来愈来愈多的blogger入手下手在本人的blog中使用这一办法,器材很复杂,上面就来给人人先容一下用:first-letter伪类来完成这类效果的办法:
  :first-letter版本:CSS2 兼容性:IE5.5+
  语法:
  Selector:first-letter{sRules}
  申明:
  设置工具内的第一个字符的款式。
  此伪工具仅感化于块工具。内联要素要利用该属性,必需先设定工具的height或width属性,大概设定position属性为absolute,大概设定display属性为block。
  在此伪工具中共同利用font-size属性和float属性能够制造首字下沉效果。
  示例:
  pa:first-letter{color:green}
  div:first-letter{color:red;font-size:16px;float:left;}
  使用于:
  IE5.5+ADDRESSBLOCKQUOTEBODYCENTERDDDIVDLDTFIELDSETFORMHnLEGENDLILISTINGMARQUEEMENUPPLAINTEXTPREXMP
  今朝IE和FF都撑持此属性,以是人人不用挂念兼容性的成绩,固然要记得设置float属性哦,否则就不会呈现那种年夜字紧贴几行的效果了。
  典范(未设置float属性):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;}
</style>
<p>接待人人离开<ahref=http://www.sj33.cn>计划之家</a></p>

  典范(设置float属性为left):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;float:left;}
</style>
<p>接待人人离开<ahref="http://www.sj33.cn">计划之家</a></p>

现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
乐观 该用户已被删除
沙发
发表于 2015-1-18 05:59:18 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
冷月葬花魂 该用户已被删除
板凳
发表于 2015-1-25 11:13:17 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
兰色精灵 该用户已被删除
地板
发表于 2015-2-2 22:00:43 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
灵魂腐蚀 该用户已被删除
5#
发表于 2015-2-8 11:57:57 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
爱飞 该用户已被删除
6#
发表于 2015-2-25 14:19:11 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
变相怪杰 该用户已被删除
7#
发表于 2015-3-7 22:23:49 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
简单生活 该用户已被删除
8#
发表于 2015-3-15 16:18:10 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
小女巫 该用户已被删除
9#
发表于 2015-3-22 03:09:02 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
飘飘悠悠 该用户已被删除
10#
发表于 2015-3-22 03:09:01 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 23:51

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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