网站前端修改后样式不好看怎么办?

博客发布了很多主题批改相关的文章,每次的主题批改个人或许倾向于功用完结方面,对前端样式的调整一方面没有怎样认真调整,另一方面或许每个人喜好的样式有所不同。所以最近常常有网友讯问样式的问题,而大部分讯问样式的网友常常对代码了解不是太多,也就形成了自己批改样式上的困难,这里统一给咱们说一下最简略粗暴的方法——通过阅读器调整样式。

在调整样式之前咱们需求简略对一份网页文件有个简略的了解,一般情况下一份网页文件(静态)文件由一下三部分组成:

  • HTML:超文本标志言语,网页文件的骨架,构成网页的各种要素都由它安排,特别是HTML5规范之后,其构成文档构造的作用更加明显。
  • CSS:层叠样式表,主要是用于美化网页页面。除了润饰网页外观,CSS还能做出一些简略的动画,不过相关于 JS 或许要弱一些。
  • JS:脚本言语,主要是用来为网页增加五花八门的动态功用,为用户供给更流利漂亮的阅读作用。

一般批改的主题用 JS 调整样式的不多,当然也有,比如之前发布过的 JavaScript 完结网站标签随机色彩 ,大部分只需求单纯调整 CSS 样式即可,在调整前希望咱们先简略了解下 CSS常用标签特点收拾 这篇文章,将来你在调整样式的时分必定会用到里面的相关标签。

假设深化了解 CSS 的话,一篇文章必定是不够的,所以这里咱们只简略说下便利新手朋友们能自己调整些简略的样式。还是以我之前的 WordPress主题增加全站底部三栏推广模块 为例,就今天发现的一个小问题修复以下。

如下图所示,之前没留意到当网页滑动到底端时侧栏会遮住底部推广区右侧引荐链接的问题,通过 F12 调出控制台,咱们查找到相关代码如下图所示:

批改的方法很简略,咱们只需求将 CSS 的定位方法批改为相对定位,并设置其堆叠次第即可,批改完的代码及样式如下:

然后咱们将批改好的代码复制并交换掉原有文件中的代码即可。当然咱们还可以批改其字体样式、位置、元素巨细等样式,当然新人或许对样式标签并不太了解,这时分咱们可以查找  CSS常用标签特点收拾  这篇文章中的相关标签,或许直接借助百度查找自己所需标签,如下所示:

才干有限,或许说的不是太分明,见谅。