当前位置: 首页 > 上海网站建设专题

上海网站建设专题

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

来源: 上海网站建设    发布日期: 2015-08-20 11:58    点击量: 3697

   我们在编辑网页的时候,关于字体段落方面的问题,我们其实稍微留心下,使用一下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中文学习,很多只要学习一遍练习一下就知道怎么用了。

 本文由上海艺觉网络科技有限公司(http://www.zwzsh.net)原创编辑转载请注明。

相关新闻

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
© 2014 yijueweb. All rights reserved.