Advertisement
mhorning

CSS Basics

Apr 9th, 2015
377
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.21 KB | None | 0 0
  1. /* Starting a CSS File */
  2.  
  3. @charset "UTF-8";
  4. /* CSS Document */
  5.  
  6. /* Clearing the presets in the browser and setting background color*/
  7.  
  8. * {
  9.   margin: 0;
  10.   padding: 0;
  11. }
  12.  
  13. html,body {
  14.     height:100%;
  15.     }
  16.  
  17. body {
  18.     background-color: #b0c4de;
  19. }
  20.  
  21. /* Settings CSS for Links */
  22.  
  23. /* unvisited link */
  24. a:link {
  25.     color: #A7A37E;
  26. }
  27.  
  28. /* visited link */
  29. a:visited {
  30.     color: #EFECCA;
  31. }
  32.  
  33. /* mouse over link */
  34. a:hover {
  35.     color: #FFFFFF;
  36. }
  37.  
  38. /* Adding Background Colors to DIV tags */
  39.  
  40. #header{
  41.     background-color: #00C;
  42.     }
  43.  
  44. #menu{
  45.     background-color: #F00;
  46.     }
  47.  
  48. #main{
  49.     background-color: #0F6;
  50.     }
  51.    
  52. #footer{
  53.     background-color: #FF0;
  54.     }
  55.  
  56. /*Common CSS Rules*/
  57. /*Adjusting width of DIVS and centering DIVS*/
  58. width: 1280px;
  59. margin-left:auto;
  60. margin-right:auto;
  61.  
  62. /*Working with Borders and Colors
  63. https://color.adobe.com/create/color-wheel/?copy=true
  64. http://www.w3schools.com/tags/ref_colorpicker.asp
  65. */
  66. background-color: #b0c4de;
  67. color: #00ff00;
  68. border: 2px solid #046380;
  69.  
  70. /*Adjusting Margins and Padding*/
  71. margin: 10;
  72. padding: 10;
  73.  
  74. /*Setting Font Styles
  75. http://www.blindtextgenerator.com/lorem-ipsum
  76. */
  77. font-family: 'Open Sans', sans-serif;
  78. font-size: 2em;
  79. font-weight: 900;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement