来谈谈：CSS基本教程:网页图文混排的10个技能
最新版本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边。
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 学Dreamweaver技术的过程其实是一个增加信心的过程。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
页:
[1]