学会常用的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。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营