Blocos semânticos de aprendizagem - uso do div e span com style e com style em evidencia - esculpindo o style
....bloco padrao...
- ........conteudo...................
tag elemento:valor /tag.............
CSS- style div{elemento:valor;..}....
Html-div{style "elemento:valor;.."}..
Em evidencia
style
div {border-radius:10px;
float: left;
border:10px solid;
text-align: left;
height: 450px;
margin:5px;
background-color:#eee;
overflow:auto; }
h3 { margin:0; text-align: center;}
/style
Por bloco
div style="background-color: #0000FF;
background-color:rgb(255, 255, 255);
border-radius:10px;................
border-radius:0px;.................
left: 200px;.......................
top: px...........................
ou top: 810px;........................
height: 350px;.....................
ou height: 85%;.......................
ou height: auto;......................
ou height: 50px;......................
width: 200px;......................
font-weight: bold..................
border:10px solid;.................
text-align: left;................."
........1......
- tttttttttt bloco arrendondo ttttt
ttttttttttt paragrafo tttttttttttttt
ttttttttttttttttttttttttttttttttttttttt
....................................................
....................................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
........2.........
- .....bloco canto arrendondo ........
- ........varios paragrafos...........
....................................
....................................
....................................
- ....................................
....................................
....................................
....................................
- ....................................
....................................
....................................
....................................
- ....................................
....................................
....................................
....................................
.........3........
- ...........3.1.....................
.........bloco canto reto.....
............paragrafo...............
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
.........3.2........
- ....................................
....................................
....................................
....................................
- ....................................
....................................
....................................
....................................
.........5........
- ....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
.........6........
- .....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
.........7........
- ....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
.........8........
- ....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
.........9........
- ....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
....................................
Bloco azul