仓酷云

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

[DIV+CSS] 学习下用css设置文本的首行笔墨效果

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

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

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

x
兼容做法就是都设置float属性。但是记住有设置过float就要将floatclear掉,不然下面的div会叠在已float的div上。



CSS不仅能够设置首字效果,并且用css的:first-line还能够把持文本的首行,没有想到吧,这就是css伪元素的壮大功效。
具体利用办法请参看first-line,实比方下:
<!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-line{color:#390;}</style></head><body><p>这个伪元素用于设置元素中的第一行文本的款式,而不管该行呈现几单词。:first-line只能与块级元素联系关系。能够使用到首字母的属性是无限的。:first-letter伪元素向文本的第一个字母增加特别款式。这个伪元素用于指定一个元素第一个字母的款式。一切前导标点标记应该与第一个字母一同使用该款式。某些言语有一些要处置为单个字符的字母组合,假如是如许,用户代办署理大概会把首字母同时使用到这个字母组合。<br/>详细利用办法请参考<ahref="/css2/pseudo_ele_first-line681.shtml">first-line</a><ahref="/css2/pseudo_ele_first-letter680.shtml"></a></p></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
接下来是布局思维方式,可能大家在接触DIV+CSS的时候无从下手,我现在向大家推荐最著名的盒子模型,我也是看了这个模型后一下子就开窍了。
小女巫 该用户已被删除
沙发
发表于 2015-1-17 15:26:41 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
海妖 该用户已被删除
板凳
发表于 2015-1-20 20:22:16 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
山那边是海 该用户已被删除
地板
发表于 2015-1-29 21:00:30 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
深爱那片海 该用户已被删除
5#
发表于 2015-2-6 05:30:03 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
只想知道 该用户已被删除
6#
发表于 2015-2-15 14:06:17 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
蒙在股里 该用户已被删除
7#
发表于 2015-3-4 11:37:00 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
兰色精灵 该用户已被删除
8#
发表于 2015-3-11 19:19:18 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
精灵巫婆 该用户已被删除
9#
发表于 2015-3-19 10:07:45 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
再现理想 该用户已被删除
10#
发表于 2015-3-27 20:08:38 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-15 01:34

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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