仓酷云

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

[DIV+CSS] 来谈谈:CSS基本教程:网页图文混排的10个技能

[复制链接]
金色的骷髅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:40:10 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
最新版本html5+CSS3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
网页制造poluoluo文章简介:图文混排!我想,你会想到这个。这里,筹办给你先容10个在文章的排版中会用到的CSS基本,固然,包含图文混排,是如何做到的。
图文混排!我想,你会想到这个。这里,筹办给你先容10个在文章的排版中会用到的CSS基本,固然,包含图文混排,是如何做到的。筹办好了吗?那我们入手下手:
1.首行缩进

你晓得的,从小学,先生就教我们,段落的开首应当空两格。而你利用word的时分,也有首行缩进这个功效,但在html中你的空格键仿佛起不了感化了。固然,你能够用来取代一个空格,但这不是幻想的体例,用CSS吧,复杂,无效:
<pstyle="text-indent:2em;">你的内容</p>
如许的话,这个有style="text-indent:2em;"段落就会显现两个字符的缩进了。缩进更多?修正2em,2暗示2个字符,你能够响应增添大概削减。上面是一个示例,来自李白的诗:

紫阁连终南,青冥天倪色。凭崖看咸阳,宫阙罗北极。万井惊画出,九衢如弦直。渭水银河清,横天流不息。朝野盛文物,衣冠何翕V。厩马散连山,军容威尽域。伊皋运元化,卫霍输筋力。歌钟乐未休,荣往老还逼。圆光过满缺,太阳移中昃。不散东海金,何争西飞匿。无作牛山悲,恻怆泪沾臆。
2.图文混排

在word中,我们能够用围绕来让笔墨显现在图片四周,而CSS,中,我们能够用float,来让笔墨在没有清算浮动的时分,显现在图片之外的空缺处。以下所示:

君不见黄河之水天下去,奔腾到海不复回。
君不见高堂明镜悲青丝,朝如青丝暮成雪。
人生满意须尽欢,莫使金尊空对月。
生成我材必有效,令媛散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。

鄙人面的代码中,把float设置成left,图片会显现在右边,而right则显现在右侧,而margin-right是为了不让笔墨和图片贴在一同必要写的,假如你设置的是float:right;刚响应应当是把margin-right改成margin-left:

4.让笔墨居中

如上例,只需在代码中到场text-align:center,就能够让文章在容器的宽度内程度居中。OH,简单哦?!
5.显现一个边框

边框我们会用到border,增加一个边框,只需加上style="border:1pxdotted#080;"1px代码边框的巨细,而dotted是边框的款式,经常使用的款式用三个:solid(实边)dashed(虚线)dotted(点状虚线).就像下面实例的边框中,我利用的是dotted边。

你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
不帅 该用户已被删除
沙发
发表于 2015-1-17 23:40:43 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-21 16:11:24 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
金色的骷髅 该用户已被删除
地板
 楼主| 发表于 2015-1-30 20:51:09 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
小女巫 该用户已被删除
5#
发表于 2015-2-6 15:58:08 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
柔情似水 该用户已被删除
6#
发表于 2015-2-17 00:24:24 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
分手快乐 该用户已被删除
7#
发表于 2015-3-5 14:47:53 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
8#
发表于 2015-3-12 08:35:31 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 21:55

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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