Scribd
Upload
80 views

Materialize CSS

This document provides information on formatting text and elements for a Materialize CSS website, including headings, paragraphs, quotes, text alignment, buttons, button sizes and colors, material icons, and adding icons to buttons. Key classes are described for headings, paragraphs, quotes, floats, background colors, buttons, button effects, icon sizes and colors. The basic syntax shown is for inserting material icon elements.

Uploaded by

Nitin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
80 views

Materialize CSS

This document provides information on formatting text and elements for a Materialize CSS website, including headings, paragraphs, quotes, text alignment, buttons, button sizes and colors, material icons, and adding icons to buttons. Key classes are described for headings, paragraphs, quotes, floats, background colors, buttons, button effects, icon sizes and colors. The basic syntax shown is for inserting material icon elements.

Uploaded by

Nitin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Materialize CSS

H1 – H6 – Heading
P – Paragraph
blockquote – for quotes
flow-text – a type of paragraph formatting
align – left-align, right-align and center-align
quick floats – left,right,center
clear fix – class = “ clearfix”
text color – colorname-text as class
line background or background – colorname as class

BUTTONS:
btn as class name for simple button and can be applied to anchor tag also.
btn waves-effect waves-light for waves effect when button pressed
btn white(for background color) color-text waves-effect waves-colorname for colorful
waves
btn-large for large size
btn disabled for disabled button

MATERIAL ICONS:
Check website
Basic Syntax:
<i class=”material-icons size(large,medium,small,tiny) color-text(for coloring
icons)”>nameoficon</i>

BUTTONS WITH ICONS:


Add normal button class to button and for icon add icons before name using i tag

You might also like