如何用html css设置漂亮的页面

html-css010

如何用html css设置漂亮的页面,第1张

CSS是由选择器加声明组成的。

比如:

h1{color:red}

h1就是选择器,意思是只要遇到h1,就使用该CSS的规则

color:red:这个事声明

color:这个是属性

red:这个是值

2

OK,我们先来分析选择器。

你别写死宽高,用盒子布局就好看。

以前无知,在页面上写死宽高,换了个浏览器,就变形了。最好用百分比宽高。

用盒子布局,主要是因为定位问题,有的时候你定位用的是一些奇怪的定位。宽高一变,就变形了。你可以在页面上看到的布局,缩小到手机端,看看布局有没有问题。

我自己的审美是比较差的。在很难看的布局自己看来都挺好的。一定要让旁边人看看你的页面,如果你怕旁人提的要求你无法满足,就更应该好好看看css了。

刚开始的时候写页面,自己想的很好,其实办不到,只能退而求其次,对自己说,这样也差不多,这样的想法是不好的。一定要好好学css,就没有写不出的奇葩布局。

排版优美还不如你自己排版自己做个。

你可以用PS和Dreamweaver自己做个,不难。

在ps里排版,不写文字说明部分,但要留空隙。切片,存WEB格式,弹出个对话框,看切片是否有空隙,右上方的保存格式为GIF。保存,最好将命名为数字的以后比较好找。确定。

它会在你保存的文件里生成一个文件夹,里面有IMAGE文件夹和html网页。

将网页直接拖到Dreamweaver里,编辑,怎么用Dreamweaver的话你可以参考具体教程,说的麻烦。

注:不要在U盘里做,会毁U盘的。