学会常用的CSS让网站更上一个档次

2021-07-23 分类：网站建设

我们在编辑网页的时候，关于字体段落方面的问题，我们其实稍微留心下，使用一下CSS，就能让我们的网站看起来更漂亮，这点是我们网站建设的时候可以注意采取的措施，不费太大的力气却能够让网站看起来更上一个档次。

首行缩进

我们小时候写作文的时候，老师就教我们，在每段开始的时候空两格。我们使用办公软件比如word的时候，也有首行缩进这个功能，可是，做网站的时候，我们敲两个空格好像起不了作用了。当然，你可以用来代替一个空格，不过这样也不是最理想的方式，我们可以用CSS。这个有style="text-indent:2em;"段落就会显示两个字符的缩进了。缩进更多? 修改2em, 2表示2个字符，你可以相应增加或者减少。

图文混排

使用word的时候，我们可以用环绕来让文字显示在图片周围，在网站建设中使用CSS，我们可以用float，来让文字在没有清理浮动的时候，显示在图片以外的空白处。这是网站制作中最常用的编辑。

把float设置成left，这样一来，图片就能显示在左边，而right则显示在右边，而margin-right是为了不让文字和图片贴在一起需要写的，如果你设置的是float:right;刚相应应该是把 margin-right改成margin-left：

让文字居中

大标题小标题我们可以采用文字居中的方式突出这些内容，只要在代码中加入text-align:center，就可以让文章在容器的宽度内水平居中。

显示一个边框

如果想让一个DIV显示一个边框，我们会用到border，添加一个边框，只要加上style="border:1px dotted #080;" 这里1px代码边框的粗细，还有样式：dotted是边框的样式，常用的样式用三个:solid(实边) dashed(虚线) dotted(点状虚线). 就像上面实例的边框中，我使用的是dotted边。

以上的这几个是南充网站建设中最常用的，如果我们想了解更多CSS基础知识，我们可以到w3school中文学习，很多只要学习一遍练习一下就知道怎么用了。

本文由成都创新互联科技有限公司（www.cdcxhl.com）原创编辑转载请注明。

文章标题：学会常用的CSS让网站更上一个档次
标题URL：https://www.cdcxhl.com/news/120050.html

成都网站建设公司_创新互联，为您提供响应式网站、App设计、服务器托管、企业网站制作、网站改版、虚拟主机

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容