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>这个伪元素用于指定一个元素第一个字母的款式。一切前导标点标记应该与第一个字母一同使用该款式。某些言语有一些要处置为单个字符的字母组合，假如是如许，用户代办署理大概会把首字母同时使用到这个字母组合。 在CSS2.1之前，:first-letter只能与块级元素联系关系。CSS2.1扩展了这个局限，能够与任何元素联系关系。能够使用到首字母的属性是无限的。 详细利用办法请参考<ahref="/css2/pseudo_ele_first-letter680.shtml">first-letter</a></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在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-2-7 21:39:56

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

只看该作者 · 发表于 2015-2-23 12:53:45

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-3-7 09:19:16

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

只看该作者 · 发表于 2015-3-14 22:37:13

经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

只看该作者 · 发表于 2015-3-21 17:28:50

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

		自动登录	找回密码
密码			立即注册

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

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

相关帖子