はじめに
どうもAtsu1209です♪
今回は「CSSがめんどくさいのでMaterializeつかいます」といって使ってる
Materializeについて簡単に紹介していきたいと思います
今回紹介する機能はほんの一部です。
Materializeとは
Materializeとは、cdnサーバーを経由してURLを指定して、
外部CSSを使用できるツールです。すごく便利!!!!!
使い方
使い方は簡単で、タグに指定のクラスをつけることで、使えます。
main.html
<body class="red"></body>
class=redでページ全体の背景が赤色になります。
また、
main.html
<body clas="red write-text"></body>
とすることで、背景色が赤文字を白色にすることができるようになります。
また、red-textなど、背景だけでなく文字の色も変えることができます。
めちゃくちゃ使えるbtn
次に僕が一番使っているクラス btnを紹介します。
同じようにクラスをつけるだけです。
main.html
<button class="btn">button</button>
これで、いい感じのデザインのボタンになります。
inputのsumbitやテキストのspanにつけることもできます。
flow-text
flow-textを使えば、少し大きく太くはっきりとした文字がかけます。
最後に
materializeには他にもたくさんの機能があるので、ぜひ自分で調べて
使ってみてください。今回は私がいつも使っているほんの一部の機能を
紹介してみました。