My CSS Documentation

1

Unicode-Table.com

Get emoji from here: https://unicode-table.com/en/ Get icon from here: https://www.iconfinder.com/ span { color: red; font-size: 2rem; } I ♥ Bangladesh How to use font awesome icons get font awesome icons here: https://fontawesome.com/ get font awesome cdn from here: https://cdnjs.com/libraries/font-awesome add the font awesome cdn inside the html head tag and then you are ready to use font awesome icons Example.

#Ruby Web Framework #Web Frameworks #Fonts 22 social mentions

2

Google Fonts

Font-size: value; here value can be px/em/rem. 1rem=16px=100% Font-weight: value; here value can be 100/thin, 200/extra light, 300/light, 400/normal, 500/medium, 600/semi-medium, 700/bold, 800/extra bold, 900/black Font-style: value; here value can be italic/normal/oblique Font-family: value; here value can be any valid font name. In the following example paragaph will have Times New Roman as its font; if Times New Roman is not available then Times will be applied and if Times is not available then serif font will be applied. This process is known as fallback. p { font-size: 2rem; font-weight: bold; font-style: italic; font-family: "Times New Roman", Times, serif; } Use google font: https://fonts.google.com/.

#Fonts #Web Fonts #Free Fonts 335 social mentions

3

Font Awesome

Get emoji from here: https://unicode-table.com/en/ Get icon from here: https://www.iconfinder.com/ span { color: red; font-size: 2rem; } I ♥ Bangladesh How to use font awesome icons get font awesome icons here: https://fontawesome.com/ get font awesome cdn from here: https://cdnjs.com/libraries/font-awesome add the font awesome cdn inside the html head tag and then you are ready to use font awesome icons Example.

#Web Fonts And Design Assets #Vector Icons #Icon Fonts 127 social mentions

Color: value; here value can be any color names, hexadcimal colors value, RGB(Red, Green, Blue) color value, hsl (Hue, Saturation, Lightness) value Color Name: we can use color names directly as shown below: p { color: green; } RGB: we can use Red, Green, Blue values as shown below: p { color: rgb(0, 255, 0); } Hexadecimal color: It is a code consist of 6 characters where first 2 characters for Red, Next 2 for Green and last 2 characters for Blue. Example is given below: p { color: #00ff00; /*we can write one value instead of two similar values*/ color: #0f0; } Important Tools: Color Picker: https://htmlcolorcodes.com/color-picker/ Image color picker: https://imagecolorpicker.com/en How to use colorzilla plugin, how to use https://flatuicolors.com/.

#Design Tools #Color Tools #Color Gradients 13 social mentions