當前位置:菜譜大全網 - 饑荒食譜 - 布爾瑪,這個css框架怎麽樣?有什麽優缺點?哪些項目適合開發?

布爾瑪,這個css框架怎麽樣?有什麽優缺點?哪些項目適合開發?

網頁樣式需要大量的時間去開發,最簡單的方法就是使用CSS框架。

自舉?是最著名的CSS框架,但是今天我要推薦另壹個更輕便易用的框架——布爾瑪。有了它,即使妳完全不懂CSS,也能輕松做出漂亮的網頁。

我想謝謝妳?100報價?贊助我。100報價?是國內壹流的人力資源網站。在本文的最後,對它們進行了簡單的介紹。最近想跳槽的朋友可以看看。

壹.導言

布爾瑪框架的最大特點是簡單易用。所有的風格都是基於階級的。只需為HTML元素指定類,樣式就會立即生效。

Java Script語言

1

& lta class = " button is-primary is-large " >登錄& lt/a & gt;

在上面的代碼中,只需要向元素A添加幾個類,就會出現壹個帶有主色的is-large按鈕。

布爾瑪是壹個手機優先級框架,提供五個寬度斷點,具有良好的自適應特性。它可以隨意為不同的設備設置不同的風格。

移動:小於或等於768像素

平板電腦:大於或等於769像素

桌面:大於或等於1024px

寬屏:大於或等於1216px

Fullhd: 1408px以上。

它提供了二十多個通用組件,比如表單?表格、圖標、面包屑、菜單、導航、模態窗口等。簡單的網站,妳不用寫任何CSS代碼。

二、基本用法

通過將樣式表插入到網頁中,可以壹步安裝布爾瑪。

Java Script語言

1

& ltlink rel = " style sheet " href = " CSS/bulma . min . CSS "/& gt;

比較好用,就是給HTML元素添加類。

Java Script語言

1

& lta class="button " >按鈕& lt/a & gt;

上面的代碼向元素A添加了壹個按鈕類,這個鏈接將被呈現為壹個按鈕。

布爾瑪提供了大量的修飾類來改變基類的風格。它們都以是或者曾經是開頭。例如,要更改按鈕的大小,可以使用下面的修飾符類。

Java Script語言

1

2

a class="button is-small " >Small & lt/a & gt;

& lta class="button " >正常& lt/a & gt;

& lta class="button is-medium " >中等& lt/a & gt;

& lta class="button is-large " >大號& lt/a & gt;