博客发布了很多主题修正相关的文章,每次的主题修正个人可能倾向于功用完成方面,对前端款式的调整一方面没有怎样认真调整,另一方面可能每个人爱好的款式有所不同。所以最近经常有网友讯问款式的问题,而大局部讯问款式的网友常常对代码理解不是太多,也就形成了本人修正款式上的艰难,这里统一给大家说一下最简单粗暴的方式——经过阅读器调整款式。
在调整款式之前我们需求简单对一份网页文件有个简单的理解,普通状况下一份网页文件(静态)文件由一下三局部组成:
- HTML:超文本标志言语,网页文件的骨架,构成网页的各种要素都由它组织,特别是HTML5标准之后,其构成文档构造的作用愈加明显。
- CSS:层叠款式表,主要是用于美化网页页面。除了修饰网页外观,CSS还能做出一些简单的动画,不过相关于 JS 可能要弱一些。
- JS:脚本言语,主要是用来为网页添加形形色色的动态功用,为用户提供更流利美观的阅读效果。
普通修正的主题用 JS 调整款式的不多,当然也有,比方之前发布过的 JavaScript 完成网站标签随机颜色 ,大局部只需求单纯调整 CSS 款式即可,在调整前希望大家先简单理解下 CSS常用标签属性整理 这篇文章,将来你在调整款式的时分肯定会用到里面的相关标签。
假如深化理解 CSS 的话,一篇文章肯定是不够的,所以这里我们只简单说下便当新手朋友们能本人调整些简单的款式。还是以我之前的 WordPress主题添加全站底部三栏推行模块 为例,就今天发现的一个小问题修复以下。
如下图所示,之前没留意到当网页滑动到底端时侧栏会遮住底部推行区右侧引荐链接的问题,经过 F12 调出控制台,我们查找到相关代码如下图所示:
修正的方式很简单,我们只需求将 CSS 的定位方式修正为相对定位,并设置其堆叠次第即可,修正完的代码及款式如下:
然后我们将修正好的代码复制并交换掉原有文件中的代码即可。当然我们还能够修正其字体款式、位置、元素大小等款式,当然新人可能对款式标签并不太理解,这时分我们能够查找 CSS常用标签属性整理 这篇文章中的相关标签,或者直接借助百度查找本人所需标签,如下所示:
才能有限,可能说的不是太分明,见谅。
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
![头像](/wp-content/themes/zibll/img/avatar-default.png)