programming 7

style.css

body { background-color: #eee; /*gray is eeeeee but since all the same can shorten to eee*/ font-family: "comic sans ms", cursive, sans-serif; } header { background-color:#666cff; color:white; text-align:center; padding:5px; /*padding is 4 sides but if all the same can use one. 20px 20px 20px 20px..is padding top, padding right, padding bottom, padding left*/ margin-bottom:18px; } ul { list-style-type:none; } nav ul { padding:0; font-size:15px; } nav { width:180px; float:left; /*The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow */ } .container { background-color: white; margin: 0 auto; /*0 is for top-bottom and auto for left-right. It means that left and right margin will take auto margin according to the width of the element and the width of the container. Centers container*/ /*width:840px;*/ width:800px; } main { padding: 10px; } a { text-decoration:none; color:blueviolet; } .white {color:white; } img { border:2px solid #4f33ff; width:140px; } h2 {color:darkblue;} .about {padding:0 10px 0 0;} footer { clear:both; padding: 10px; background-color:#666cff; /*color: white;*/ text-align: center; } table,th, td { border: 2px solid black; padding:10px; } table { width:35%; float:left; margin:25px;} thead { color:white; background-color:#3399ff; } tbody {color:blue;} tfoot { font-size:75%; color:gray; } caption {font-family:cursive; font-weight:bold; font-size:120%; color:darkblue; border: 2px solid darkblue; } legend { background-color:#3399ff; color: white; padding: 5px 5px; } /*.alignment label { display: block; margin-bottom: .2rem; }*/ button { background-color:#3399ff; color:white; font-size:1.5em; }