CSS Snippets

CSS Details Text Colors Graphic editor

References

Examples

w3schools.com quackit.com tutorialrepublic.com htmldog.com landofcode HTML and CSS: Design and Build Websites

Tools

Validator



CSS inclusion

1. External, in external file, linked inside <head> HTML element

<link rel="stylesheet" type="text/css" href="style_name.css">

2. Internal, inside <style> HTML element

<style>CSS elements</style>

3. Inline, inside opening tags of the HMTL elements

style="CSS description"

Example (inline definition): 

style="font-family: Arial;"



Inclusion

Inline

<body style="background-color: #000080;>
  <h1 style="color: #fff;">Izbornik:</h1>
</body>

Internal

<style>
  body {background-color: #000080;}
  h1 {color: #fff;}
</style>

External

<link rel="stylesheet" type="text/css" href="file_style_name.css">

In the file file_style_name:

body {
  background-color: #000080; # navy blue
}
h1 {
  color: #fff; # white
}

Google collor palette

Blue Teal Lime Amber
50    #E3F2FD 50    #E0F2F1 50    #F9FBE7 50    #FFF8E1
100 #BBDEFB 100 #B2DFDB 100 #F0F4C3 100 #FFECB3
200 #90CAF9 200 #80CBC4 200 #E6EE9C 200 #FFE082
300 #64B5F6 300 #4DB6AC 300 #DCE775 300 #FFD54F
400 #42A5F5 400 #26A69A 400 #D4E157 400 #FFCA28
500 #2196F3 500 #009688 500 #CDDC39 500 #FFC107
600 #1E88E5 600 #00897B 600 #C0CA33 600 #FFB300
700 #1976D2 700 #00796B 700 #AFB42B 700 #FFA000
800 #1565C0 800 #00695C 800 #9E9D24 800 #FF8F00
900 #0D47A1 900 #004D40 900 #827717 900 #FF6F00
A100 #82B1FF A100 #A7FFEB A100 #F4FF81 A100 #FFE57F
A200 #448AFF A200 #64FFDA A200 #EEFF41 A200 #FFD740
A400 #2979FF A400 #1DE9B6 A400 #C6FF00 A400 #FFC400
A700 #2962FF A700 #00BFA5 A700 #AEEA00 A700 #FFAB00

Books contents

  • HTML and CSS: Design and Build Websites /1/ Examples
  • CSS: The Missing Manual /2/
  • Learn to Code HTML and CSS: Develop and Style Websites /3/
  • A Smarter Way to Learn HTML & CSS: Learn it faster Remember it longer /5/
  • HTML and CSS: The Complete Reference /6/
  • Responsive Web Design with HTML5 and CSS3: Build responsive and future-proof websites to meet the demands of modern web users /7/
  • Build Your Own Website: A Comic Guide to HTML, CSS, and WordPress /14/
  • CSS: The Definitive Guide: Visual Presentation for the Web /15/
  • Sams Teach Yourself HTML, CSS, and JavaScript All in One /16/

CSS Details Text Colors Graphic editor