<--CSS notes--> <--adjust our unordered list by disabling bullets.--> <-- to link files--> <--Adding color to the OL and UOL lists--> <-- for Hyperlinks, to add color--> a:link{ color:blue; } a:visited { color:grey; } a:hover{ color:red; font-weight:bold; } <--Borders for Forms-->

Some text.

Some more text.

Even more text.

<-- How to add padding-->

Some text.

Some more text.

Even more text.

<--How to add background color to the padding with either a color name or hex number-->

Some text.

Some more text.

Even more text.

<--Adding background to the padding(need ur own picture or can use WEbKIT for a base)-->

Some text.

Some more text.

Even more text.

<--Chap 22--> //Overalapping and using borders in CSS } edia only screen and (max-width: 479px){ video{ display:none; } #left{ width:100%; float:none; } #main{ width:100%; float:none; } #right{ width:100%; float:none; } #header{ background:url(http://www.vectortemplates.com/raster/ batman-logo-big.gif) no-repeat; background-size:100px 60px; background-position:center; height:100px; } //For Mobile @media only screen and (max-width: 959px) {} // Smaller than desktop/laptop (tablets, netbooks) @media only screen and (min-width: 768px) and (max-width: 959px) {} //Portrait or landscape tablets, netbooks @media only screen and (max-width: 767px) {} // devices smaller than portrait tablets (mobile) @media only screen and (min-width: 480px) and (max-width: 767px) {} // mobile landscape to tablet portrait @media only screen and (max-width: 479px) {} // mobile up to landscape mode