在自学网页设计路上:[1]如何使网页自动居中

在使用Dreamweaver制作网页的过程中,网页居中可以体现出对称美感。但是初学者很容易在这里犯难,无论如何调试都无法实现网页自动居中。其实你可以试试下面的方法

基本网页代码

  • 01

    以下是基本代码,首先把所有内容放在容器div层中。

方法一 内嵌入CSS

  • 01

    在body标签中写入代码"style="margin:0 auto; width:800px;""

  • 02

    这种方法以约定固定长度下居中的方法是通过margin对齐的,但是加在HTML标签中使得内容和表现混合在一起,是不推荐使用的。

方法二 外链CSS

  • 01

    把CSS代码写在外部样式表中,保存为mycss.css文件

  • 02

    再在头部head文件中通过link引入

(0)

相关推荐

  • 极简网页设计技巧,打造简约之美

    极简主义网页设计风格,如何才能做到简约而不简单?简约风设计需要了解和掌握哪些禁忌和技巧,才能让网页设计简洁而不失魅力?继续阅读文章,小编将结合具体实例为大家一一讲解. 近几年,极简主义设计风格(也称简 ...

  • 2019年网页设计趋势前瞻,先睹为快!

    追随最新的网页设计趋势,紧跟设计潮流是设计师们必做的功课之一.快速更迭的网页设计趋势和网页开发技术对2019年的网页设计趋势来说必将产生直接的影响.回顾2018年的网页设计趋势,不难看出许多设计趋势都 ...

  • 2015年流行什么色 网页设计配色趋势预测

    作为一个设计师,不但要新奇的创意,强大的构图布局能力,还要有敏锐的洞察力和流行趋势的把握.有时候难免会碰到网页色彩搭配上面的问题,今天小编给大家带来的文章是@尛沫尛沫的网页设计配色趋势预测,看完真心受 ...

  • 网页设计都包含哪些内容?

    操作方法 01 一般网页设计都包含哪些内容?网页设计的字体颜色.内容有哪些要求?是否做网页设计还要考虑到用户体验等因素? 02 一方面是纯网站本身的设计比如文字排版,图片制作,平面设计,三维立体设计, ...

  • 网页设计是做什么的

    做了很久的网页设计?那你知道网页设计到底该做什么吗? 操作方法 01 网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息.(包括产品服务理念以及文化). 并且对网站进行策划,功能性分析,用户体验的 ...

  • 自适应网页设计的必要知识点

    操作方法 01 "自适应网页设计"到底是怎么做到的?其实并不难. 一.允许网页宽度自动调整: 首先,在网页代码的头部,加入一行viewport元标签. < meta name ...

  • 网页设计:如何布局是关键

    操作方法 01 一个网站是由许许多多网页组成的,网页是网站的主心骨.一个精美的网页不仅仅是依靠图文并茂的视觉展示,更重要的是网页的架构和布局,合理的布局才能让网页易于用户接受.   对于网页设计的初学 ...

  • 怎么从简单的网页设计做起

    网站设计是网站展示的必不可少的工作,做好了网页设计能让你的网页浏览量提高很多.下面从几个细节里同大家分享一下: 操作方法 01 1.整体布局 网站主页就好象是宣传栏或者店面--对访问者产生第一印象,都 ...

  • 网页中如何用HTML/CSS实现文字居中于图片

    在网页设计布局中,很多网页设计者都会遇到如何让文字居中于图片的问题.其实,实现这一过程比较简单,只要让图片作为背景图片,再设置文字在 垂直和水平方向上的居中.下面,小编通过一个简单实例,结合自己的,来 ...