W3.CSS Versions(版本)
css 版本 4 于 3 月 24 日发布。
2017. 以下是一些设计要点:
版本 4 可以从 W3.CSS.Donloads下载
W3.CSS - Pro
版本4附带了一个专业版本:w3pro.css。
专业版更小更快,因为它没有定义颜色。
专业版是为使用主题或其他由开发者提供的颜色类而设计的。
专业版可从以下网站下载:
实例
function openCity(evt, cityName) {
var i;
var x = document.getElementsByClassName("city");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
var activebtn = document.getElementsByClassName("testbtn");
for (i = 0; i < x.length; i++) {
activebtn[i].className = activebtn[i].className.replace(" w3-dark-grey", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " w3-dark-grey";
}
var mybtn = document.getElementsByClassName("testbtn")[0];
mybtn.click();
尝试一下 »
W3.CSS Pro Colors
与 W3.CSS 专业你可以定义自己的颜色:
实例
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3pro.css">
<!-- Colors here -->
<body>
<!-- Content here -->
</body>
</html>
或者你可以加载你自己的主题:
或者你可以加载你的颜色库: