Scribd
Upload
32 views4 pages

Web Page Layout and Styling Guide

The document contains CSS code to style elements of a webpage like the header, navigation bar, main content area, sections, images and footer. Styles are applied for colors, fonts, padding, floats and more to layout the basic structure and appearance of the page.

Uploaded by

Amritpreet kaur
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as RTF, PDF, TXT or read online on Scribd
32 views4 pages

Web Page Layout and Styling Guide

The document contains CSS code to style elements of a webpage like the header, navigation bar, main content area, sections, images and footer. Styles are applied for colors, fonts, padding, floats and more to layout the basic structure and appearance of the page.

Uploaded by

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

*{

box-sizing: border-box;

body {

margin: 0px;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,

Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

header h1 {

text-align: center;

font-size: 40px;

color: white;

header {

padding: 40px;

background-color: rgb(17, 124, 143);

nav {

background-color: #333;

overflow: hidden;

}
nav a {

text-decoration: none;

padding: 20px;

text-align: center;

float: left;

color: white;

main {

background-color: white;

text-align: center;

h2 {

padding: 20px;

section:nth-child(even) {

background-color: rgb(241, 241, 241);

section {

min-height: 100vh;

}
video {

padding: 10px;

iframe {

height: 75vh;

img {

padding: 10px;

section h5 {

margin: 40px;

footer {

background-color: #333;

overflow: hidden;

footer a {

text-decoration: none;

padding: 20px;
text-align: center;

float: left;

color: white;

You might also like