您现在的位置是:网站首页 > 网站建设 > CMS建站教程 > CMS建站教程

如何进行网站设计修改预览?

远方~2020-12-08CMS建站教程人已围观

简介我们在找到模板网站时,或许我们想修改其颜色,排名或页面布局调整等以实现网站设计做出我们心仪的网站,我们需要实时看到效果,我们要怎么做?下面小白站长为大家做个简单的

我们在找到模板网站时,或许我们想修改其颜色,排名或页面布局调整等以实现网站设计做出我们心仪的网站,我们需要实时看到效果,我们要怎么做?下面小白站长为大家做个简单的示意图,感兴趣的小伙伴可以自行测试:

网站设计
        看上图小白站长的网站设计,图①可以在不同的端口进行查看页面,可以看到电脑端口(本来就是pc端),ipad端口,手机端口,或者可以自适应去查看对应的尺寸。
图②是选择工具,点击②之后,在点击我们的网站页面,我这里点击的是③这张图片,我们可以看到在右侧上半部分是整个页面的代码,下半部分也就是④框出来的页面是对应的样式,在这两者中间是对一个的标签,可以看到ul li等样式,点击可以看到对应的样式,我们要做修改的话,比如min-height:100%,我们想要修改这个数值,直接在上面双击即可操作。
       修改到我们喜欢的样式布局,这个时候就可以找对应的css样式表并找到对应的行数,看下图:
css设计
        将鼠标放在我框出来的页面样式上,就可以显示出对应的css所在的根目录位置,这里base.css:136  这个表示在base.css页面的第136行,即可找到对应样式做出相应修改即可。
        总结,我们做出的样式有的时候是全局的样式的话要注意,还有对于不知道的样式比如display:block这样的元素不知道意思的话可先自行百度其含义再下手操作。做网站设计,切不可操之过急。

很赞哦! ()

站点信息

  • 建站时间:2020-06-22
  • 网站名称:小白建站
  • 网站主题:网站建设,SEO技术
  • 文章统计:115 篇
  • 微信公众号:扫描二维码,关注我们