HTML and CSS

Links

• Mozilla CSS reference
• W3 School
• Computer programming

Sink

<span style="font-size:10em; color: #a04040">Hello</span>

<span style="writing-mode: vertical-rl">Vertical hello<span>

<div style="Header">Hello<div>

p.a {
	font-style: normal;
	font-variant: small-caps;
	color: red;
	text-align: center;
	font-size: 15px;
}  
  
p.b {
	font-style: italic;
	font-weight: bold;
	color: #00ff00;
	text-align: left;
	font-size: large;
}  
  
p.c {
	font-style: oblique;
	font-weight: 900;
	color: rgb(0,0,255);
	text-align: justify;
	font-size: 150%;
}

p.ex1 {
	padding-top: 25px;
	padding-right: 150px;
	padding-left: 50px;
	padding:10px 5px 15px 20px; /* top, right, bottom, left */
	padding:10px 5px 15px;	/* top, right, bottom */
	padding:10px 5px; /* top, bottom */
	padding:10px; /* all four = 10 */
}

div {
	opacity: 0.5;
}

img {
	filter: grayscale(100%); /*Change all images to black and white (100% gray)*/
}

Inline shapes

<p style="border-radius:3px;height:8px;width:60px;background-color:#CCC"></p>
<p style="border:solid thick darkblue; border-radius: 1em; 
          border-width:3px; padding-left:9px; padding-top:6px; 
          padding-bottom:6px; margin:2px; width:980px;"></p>