仓酷云

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

[DIV+CSS] DIV教程之用CSS完成首字下沉效果,仿word的首字下沉

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

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

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

x
然后你要知道,DIV+CSS是高成本开发,速度当然是没有你画TABLE来的快,但是好处更多,相信如果你能看到这里,你一定对DIV+CSS的好处也有一定的了解了。



用过word的年夜部分人都晓得,word里有一个首字下沉功效,在文章的排版时用,偶然能给文章减色很多。明天我们用css仿word的首字下沉功效,不必修正代码,只用到css的伪元素:first-letter,便可完成首字下沉效果。
:first-letter的详细用法,请参考first-letter中有具体解说。详细看实例:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>css首字下沉效果</title><styletype="text/css">p:first-letter{font-size:36px;float:left;color:#f60;padding:5px;font-family:"黑体"}</style></head><body><p>这个伪元素用于指定一个元素第一个字母的款式。一切前导标点标记应该与第一个字母一同使用该款式。某些言语有一些要处置为单个字符的字母组合,假如是如许,用户代办署理大概会把首字母同时使用到这个字母组合。<br/>在CSS2.1之前,:first-letter只能与块级元素联系关系。CSS2.1扩展了这个局限,能够与任何元素联系关系。能够使用到首字母的属性是无限的。<br/><br/>详细利用办法请参考<ahref="/css2/pseudo_ele_first-letter680.shtml">first-letter</a></p></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
使用Div+css所费功夫与收入不成正比,利用table可以大大减少工作量。而上市公司的期望目标不同对Div+css的认同和投入要大一些。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-18 07:03:39 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
柔情似水 该用户已被删除
板凳
发表于 2015-1-24 18:42:53 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
兰色精灵 该用户已被删除
地板
发表于 2015-2-2 12:51:18 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-7 21:39:56 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
admin 该用户已被删除
6#
发表于 2015-2-23 12:53:45 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
再现理想 该用户已被删除
7#
发表于 2015-3-7 09:19:16 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
简单生活 该用户已被删除
8#
发表于 2015-3-14 22:37:13 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
海妖 该用户已被删除
9#
发表于 2015-3-21 17:28:50 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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