<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
body {
	background:yellow;
}
*/

/* aula 05 */

/* seleï¿½ï¿½o por tipo de elemento */

/*p {
	font-size:12px;
}*/

/* seleï¿½ï¿½o por id do elemento */

#paragrafo01 {
	font-size:30px;
}

/* seleï¿½ï¿½o por classe */

.nome_da_classe {
	font-size:50px;
}

/* aula 06 */

.fundo_pagina {
	background:#00FFFF;
}

.fundo_elemento {
	background:rgba(152,152,152,1);
}

/* aula 07 imagem de fundo */

html {
	height:100%;
}

.fundo_madeira {
	background:url("imagens/fundo.png") center center repeat-x;
}

/* aula 08 fontes */

.font_pagina {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#66FF00;
}

.fonte_01 {
	font-size:30px;
}

.fonte_02 {
	color:#00FFFF;
}

.fonte_03 {
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	color:#FF00FF;
}

/* aula 09 text */
.aula09_espacamento {
	letter-spacing:20px;
}
.aula09_wordSpacing {
	word-spacing:40px;
}
.aula09_textAlign {
	/* left, center, right, justify */
	text-align:right;
}
.aula09_textDecoration {
	/* none, underline, overline, line-through, blink */
	text-decoration:overline;
}
.aula09_textIndent {
	text-indent:10%;
}
.aula09_textTransform {
	/* none, capitalize, uppercase, lowercase */
	text-transform:uppercase;
}

/* aula 10 border */
.aula10_border01 {
	border:1px solid black;
}

.aula10_border02 {
	border-style:dotted;
	border-width:3px;
	border-color:red;
}

.aula10_semBorda {
	border:none;
}

.aula10_bordaInferiorSuperior {
	border-bottom:3px dashed green;
	border-top:5px outset red;
}

.aula10_bordaEsquerdaDireita {
	border-right:10px solid black;
	border-left:5px inset red;
}

/* aula 11 margin e padding */

.aula11_auxiliar {
	float:left;
	display:block;
	width:120px;
	height:120px;
}

.aula11_margin01 {
	margin:10px;
}

.aula11_margin02 {
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	margin-bottom:30px;
}

/* o padding se soma com a altura ou a largura */
.aula11_padding01 {
	padding:10px;
}

.aula11_padding02 {
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
}

/* aula 12 */
/* list-style - list-style-image, list-style-position , list-style-type */
/* armenian circle cjk-ideographic decimal decimal-leading-zero disc georgian hebrew hiragana hiragana-iroha 
katakana katakana-iroha lower-alpha lower-greek lower-latin lower-roman square 
upper-alpha upper-latin upper-roman */

.aula12_lista {
	padding:0px;
	margin:0px;
	border:1px solid black;
	/*
	list-style-image:url("imagens/seta_lista.jpg");
	list-style-position:inside;
	*/
	list-style-type:none;
}

/* aula 13 */
.aula13_ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	background:#8B668B;
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top:8px;
	padding-bottom:8px;
}

.aula13_ul &gt; li {
	display:inline;
	margin:8px;
	margin-left:0px;
	margin-right:0px;
}

.aula13_ul a {
	color:white;
	text-decoration:none;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
}

.aula13_ul a:hover {
	background:black;
	text-decoration:underline;
}

.aula13_ul a:active {
	background:red;
}

.aula13_ul a:visited {
	color:yellow;
}
/* Aula 14 */
.aula14_tabela01 {
	width:50%;
	border-collapse:collapse;
	border: 1px solid black;
	margin-left:auto;
	margin-right:auto;
}

.aula14_tabela01 td {
	border: 1px solid black;
	padding:10px;
}

.aula14_tabela01 tr:hover {
	background:blue;
	color:white;
}

.aula14_tabela01 thead tr:hover {
	background:none;
	color:black;
}

.aula14_tabela01 thead tr {
	background:red;
	color:white;
}

.aula14_tabela01 .trPar {
	background:gray;
}

/* aula 15 */

#frmContato {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid gray;
	padding:20px;
}

#frmContato label {
	display:block;
	margin-bottom:20px;
}

#frmContato textarea {
	width:100%;
	margin-bottom:15px;
	height:180px;
	border:1px solid gray;
	border-radius:10px;
	padding:7px;
}

#frmContato textarea:focus {
	border:1px dashed blue;
}

#frmContato label input:hover {
	border:1px dashed blue;
}

#frmContato label input {
	width:350px;
	border:1px solid gray;
	border-radius:10px;
	padding:7px;
}

.div_iniciar {
	border-radius:10px;
	border:1px solid gray;
	color:white;
	background:rgb(211, 22, 211);
	padding:25px;	
	width: 50px;	
	padding-right: 50px;
	height: 100px;
	margin-left: 200px;
	
	 
}

.div_criar {
	border-radius:10px;
	border:1px solid gray;
	color:white;
	background:rgb(211, 22, 211);
	padding:25px;	
	width: 50px;	
	padding-right: 50px;
	height: 100px;
	position:absolute;
	margin-left: 150px;
	 
	 
}

.div_criar:hover {
	background:yellow;
}

.div_iniciar:hover {
	background:#00D3D8;
}

/*aula 16 */

/* pseudo elemento first-letter */

#divExterna p:first-letter {
	font-size:200%;
}

#divExterna p:first-line {
	text-decoration:underline;
}

#divExterna p:first-child {
	background:yellow;
}

#divExterna p:last-child {
	background:red;
	color:white;
}

#divExterna p:nth-child(4) {
	background:green;
	color:white;
}

/* aula 17 */

.aula17_classe01, .aula17_classe02 {
	background:yellow;
	width: 150px;
	height: 150px;
	float: left;
	border: 1px solid black;
	display: block;
	margin:8px;
}

.aula17_classe02 {
	background:gray;
}

.aula17_classe01 div {
	font-size:14px;
}

.aula17_classe01 &gt; div {
	font-size:20px;
}

.aula17_classe01 .aula17_classe02 {
	background:red;
	color:white;
}

/* aula 18 */
.aula18_container {
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	background:gray;
}

.aula18_container .coluna {
	background:red;
	width:312px;
	float:left;
	margin-left:1px;
}

.aula18_container .coluna:last-child {
	float:right;
}

.aula18_clearFloat {
	clear:both;
}

.aula18_displayBlock, .aula18_displayInline  {
	border:1px solid black;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}
.aula18_displayInline {
	display:inline;
}</pre></body></html>