首页 > CSS

CSS

  • 获得一个一致的、坚实的网格布局到WordPress可以是一个痛苦的过程,如果你使用正确的工具。在本教程中,您将学习如何一步一步来快速设置一个网格系统在WordPress是非常轻量级的,很容易修改。我们将保持简单的设计,这样我们可以集中在使用正确的工具来建立你的网格,但记住,你可以在你自己的风格网格,如果需要的话。

    我将使用在WordPress主题教给你“从零开始”的方法来完成网格。

    步骤1:确定您的网格宽度
    在开始之前,您需要确定您的网格,将需要有多宽。对于我的WordPress网站,我可以看到,通过使用谷歌浏览器的“检查元素”功能,当你右键点击对象,我的主柱的宽度是450px。这是我发现最快的方式,可以快速确定网页上的对象的宽度和高度

    阅读全文

  • 相信你一定听过这样的说法:安装的插件越多,网站速度就会越慢。这种说法其实并不完全正确。有些插件只是给网站添加了一个小调用,对网站速度并不造成影响。而有些插件会在每次页面加载时加入jQuery和CSS文件(在网站的<head></head>区域)。假设每个插件都会添加一个jQuery文件和一个CSS文件,而你安装了八个这样的插件,那么就相当于添加了16个HTTP请求。如果插件向页面添加的样式表或jQuery文件数量不止一个,那就相当可怕了。这篇文章我们就介绍如何在避免多余HTTP请求的情况下使用所有需要的WordPress插件。

    注意:进行以下操作最好具备若干PHP知识。

    本文目标:禁用插件在页面加载时添加的所有附加脚本和样式表。

    可是为什么这些插件要向页面添加脚本和样式表呢?这会影响插件的正常运行吗?很高兴你会这样想。对插件的开发目的来说这些CSS代码和JS代码可能相当重要,不过为了更好地管理自己的网站,让网站拥有更快的访问速度,我们可以删除这些代码。通过删除这些CSS文件和JS文件,我们可以:

    阅读全文

  • 在互联网设计过程中,可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是,这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求,认为跨浏览器的兼容性并不是必备的。

    虽然我也同意每个项目都实现浏览器的完全兼容性,即所有web浏览器(暂且不考虑手机浏览器)用户都能体验相同的完美设计效果是永远都不可能的,但是,我相信大多数情况下近乎完全兼容性却是可以实现的。作为开发人员,我们的目标不应该仅仅停留在让项目在每个浏览器都能运作,而应该尽可能用最少的代码让项目在每个浏览器中都能实现尽善尽美,让今后网站的维护更加轻松。

    这篇文章将向大家介绍一些最为重要的CSS 开发原则和技巧,希望能够帮助前端开发的新手和老生用最少的CSS代码实现跨浏览器体验的一致性。

    阅读全文

同步内容