├── .gitattributes ├── README.md ├── LICENSE ├── aplicar_grid.html ├── exercicio_01_static.html ├── exercicio_06_clipping.html ├── exercicio_04_fixed.html ├── exercicio_02_relative.html ├── exercicio_03_absolute.html ├── exercicio_07_overflow.html └── exercicio_05_profundidade.html /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HTML5 e CSS3 2 | 3 | - [X] Exercitando HTML5 e CSS3. 4 | - [X] Templates. 5 | 6 | ### License 7 | 8 | MIT License © [Luciana Muniz Freire](https://br.linkedin.com/in/lumunizf). -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 Luciana Muniz 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /aplicar_grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 7 | 67 | 68 | 69 | 70 |
71 |
72 | 73 | 74 |
75 |
76 | 77 | 78 |
79 | 80 | 81 | -------------------------------------------------------------------------------- /exercicio_01_static.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 55 | 56 | 57 | 58 |
59 |

Exercícios de Posicionamento

60 | 61 |

The CSS specification offers us five positionproperties: static, relative, absolute, fixed, and inherit.

62 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

63 | 64 |
65 |
Verde
66 |
Amarelo
67 |
Azul
68 |
69 |
70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /exercicio_06_clipping.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 58 | 59 | 60 | 61 |
62 |

Clipping

63 | 64 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

65 | 66 |
67 |
68 | Verde 69 |
Amarelo
70 |
71 | 72 |
73 |
74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /exercicio_04_fixed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 58 | 59 | 60 | 61 |
62 |

Exercícios de Posicionamento

63 | 64 |

The CSS specification offers us five positionproperties: static, relative, absolute, fixed, and inherit.

65 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

66 | 67 |
68 |
Verde
69 |
Amarelo
70 |
Azul
71 |
72 |
73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /exercicio_02_relative.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 59 | 60 | 61 | 62 |
63 |

Exercícios de Posicionamento

64 | 65 |

The CSS specification offers us five positionproperties: static, relative, absolute, fixed, and inherit.

66 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

67 | 68 |
69 |
Verde
70 |
Amarelo
71 |
Azul
72 |
73 |
74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /exercicio_03_absolute.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 64 | 65 | 66 | 67 |
68 |

Exercícios de Posicionamento

69 | 70 |

The CSS specification offers us five positionproperties: static, relative, absolute, fixed, and inherit.

71 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

72 | 73 |
74 |
Verde
75 |
Amarelo
76 |
Azul
77 |
78 |
79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /exercicio_07_overflow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 52 | 53 | 54 | 55 |
56 |

Aula de Overflow

57 | 58 |
59 |
60 |

A propriedade overflow especifica quando o conteúdo de um elemento de nível de bloco deve ser cortado, mostrado com barras de rolagem ou mostrados vazando fora do elemento.

61 |

O uso da propriedade overflow com valor diferente de visible, que é seu valor padrão, criará um novo contexto de formatação de bloco. Isto é tecnicamente necessário para evitar que um conteúdo flutuante que entre em contato com o objeto dentro da area de rolamento quebre as linhas do conteúdo para ajustar a disposição do texto. A quebra das linhas teria que ocorrer toda vez que a barra de rolagem fosse utilizada, tornando este procedimento muito lento. Note que ao definir a propredade scrollTop para o elemento HTML relevante, ainda que o valor de overflow fosse hidden o conteúdo poderia precisar ser movido.

62 |
63 | 64 | 65 |
66 |
67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /exercicio_05_profundidade.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Curso de CSS 6 | 71 | 72 | 73 | 74 |
75 |

Exercícios de Posicionamento

76 | 77 |

The CSS specification offers us five positionproperties: static, relative, absolute, fixed, and inherit.

78 |

Each property serves a specific purpose. Understanding that purpose is the key to mastering CSS-based layouts.

79 | 80 |
81 |
Verde
82 |
Amarelo
83 |
Azul
84 |
Vermelho
85 |
86 |
87 | 88 | 89 | 90 | --------------------------------------------------------------------------------