标签: w3.css

感谢您考虑这个问题.

该代码可以在GitHub上找到,在这里.

这里有一些事情,所以在我们得到代码之前,我想解释一下它.

我有一个函数makeNavigation,它使用三个参数来创建导航栏:导航栏的项目数组,导航栏应该去的元素ID和大小.

当不包括边距时,这非常有效.但是,只要边距的两条线被取消注释,那么下拉内容就会比它应该大得多.思考？

另外,当窗口尽可能小地折叠时,而不是仅具有一个下拉元件,"Home"和下拉条被堆叠.为什么/我怎么能纠正这个？

注意:我使用W3 CSS和hover-master

因此,对于变量,我们有页面和"大小".

var pages = ["HOME","ABOUT","PAGE3","PAGE4","PAGE5","PAGE6","PAGE7","PAGE8"];
var extraSmall, small, medium, large;
extraSmall = 610;
small = 700;
medium = 800;
large = 1250;

对于功能:

function getSizeInText(size) {

  if (size > large) {
    return("large")
  };
  if (extraSmall < size && size <  medium) {
    return("small")
  };
  if (medium <= size && size <= large) {
    return("medium")
  };
  if (size <= extraSmall) {
    return("extraSmall")
  }
}

function makeNavigation(navArray, navID, size) …

w3.css更快或自举，为什么？

哪一个更好 ？

• Bootstrap使用JavaScript和CSS，但是w3.css是纯CSS框架。这也有助于改善您网站的SEO，因为JavaScript是SEO的敌人。

什么是SEO？

为什么javascript是SEO的敌人？

为什么w3.css称为纯CSS？

以及bootstrap如何使用javascript？

说明一下...

我有一个按钮,其中包含以下w3.css类:

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<button class="w3-btn w3-lime w3-hover-green  w3-round-large w3-border w3-border-green w3-ripple">Button</button>

这将是我网站的一个共同主题.不是在每个按钮上写下所有这些类的列表,而是如何将这组类组合成一个类,mybuttonclass如:

<button class="mybuttonclass">Button</button>