Question

我一直在关注W3.CSS框架，乍一看看起来很有趣，但是添加了所有＆＃39; css＆＃39;进入HTML似乎打败了css的目的。以此为例（三行宽度不同但颜色和理由相同）：

M4

M6

2

<div class="w3-row">
    <div class="w3-col m4 w3-red w3-center w3-container"><p>m4</p></div>
    <div class="w3-col m6 w3-light-grey w3-center"><p>m6</p></div>
    <div class="w3-col m2 w3-light-grey w3-center"><p>m2</p></div>
</div>

<div class="w3-row">
    <div class="w3-col m4 w3-red w3-center w3-container"><p>m4</p></div>
    <div class="w3-col m6 w3-light-grey w3-center"><p>m6</p></div>
    <div class="w3-col m2 w3-light-grey w3-center"><p>m2</p></div>
</div>

之后发生了很多重复和噩梦。有没有办法将w3类移动到自定义CSS或使用类似C头文件的机制来收集所有常见属性？

Answer 1

不要使用w3 css创建自己的css类，如下所示：

<!DOCTYPE html>
<html>
    <head>
        <style>
            .row{
                height:20px;
                color:black;
                margin:auto;
            }
        </style>
    </head>
    <body>
        <div class="row" style="width:80px">
            <p>Row 1</p>
        </div>
        <div class="row" style="width:60px">
            <p>Row 2</p>
        </div>
        <div class="row" style="width:40px">
            <p>Row 3</p>
        </div>
    </body>
</html>

如果由于似乎可能要使用附件而试图创建表。在这里Link to Help Documents

常见的w3.css类的自定义css

1 个答案: