CSS - Seletores
Você encontra este material (e muito mais) no www.profbianca.com.br
Bem-vindo(a) ao CSS! CSS é uma sigla para Cascading Style Sheets, ou seja, folhas de estilo em cascata.
Uma regra CSS é composta por duas partes principais: seletor e declaração
Partes do CSS
- Regra - conjunto de transformações que serão aplicadas a elementos específicos
- Seletor - determina o(s) elemento(s) que serão afetado(s)
- Declarações - pares de propriedades e seus respectivos valores que dirão quais transformações serão feitas nos elementos. Uma regra pode conter várias declarações. Partes de uma declaração:
- Propriedade - responsável pela característica que será modificada (cor da letra, cor do fundo, borda, fonte, tamanho da fonte, largura, alinhamento etc)
- Valor - valor atribuído à propriedade. Por exemplo: o tipo da fonte deve ser Arial
Nesta aula, o foco será nos seletores. Para focarmos nos seletores e vê-los funcionando, precisaremos conhecer algumas propriedades. As duas propriedades que utilizaremos nesta aula são: background-color (cor de fundo) e color (cor da letra).
Os valores de ambas serão cores, podendo ser, entre outros:
- Nome da cor em inglês - red, blue, green etc
- Código em hexadecimal - #FF0000, #0000FF, #00FF00 etc
- Código em RGB - rgb(255,0,0), rgb(0,0,255), rgb(0,255,0)
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque a, distinctio sed quis nostrum repellendus pariatur exercitationem. Delectus odio amet aperiam voluptate id, porro fugit magni ea fugiat sed nostrum sapiente atque veritatis. Culpa quam qui praesentium aliquam! Exercitationem ipsam repellat, temporibus facere error totam, laboriosam, laudantium sint repudiandae necessitatibus vel. Voluptate, error cumque, nemo officia consequatur modi deleniti illo similique voluptatum assumenda veritatis voluptatibus sit doloribus sapiente ipsum dolorem nobis nam eveniet enim quos laborum maiores delectus? Inventore, voluptatem quidem error deserunt sequi autem laboriosam odio optio architecto, sunt, voluptatum beatae omnis? Quaerat sunt laborum, omnis sapiente amet aliquam optio doloribus quo, veritatis odit delectus soluta modi inventore nesciunt! Inventore eveniet excepturi dolor ratione aliquam doloribus? A consectetur possimus, atque dignissimos nihil nobis quo nostrum corrupti vel sint, perspiciatis quae sunt magni quasi illum! Ea sed excepturi totam facilis animi et vero, beatae iure placeat debitis eaque, blanditiis dignissimos eligendi numquam harum aliquid dolorem nisi molestiae nostrum possimus illo earum ipsa sint natus. Similique adipisci hic itaque, assumenda facere natus iusto, perspiciatis sit mollitia facilis perferendis saepe ut sint porro optio nihil, inventore voluptatum a nam deserunt eaque rerum sapiente impedit officia. Iure illo labore iste. Eum, dolore quam?
Dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quidem assumenda reiciendis tenetur aut omnis dolorum pariatur animi tempora, qui quasi corrupti, cumque iure corporis. Ab ut aperiam expedita illo dolore magni quisquam ullam repudiandae sequi, in debitis quae! Dolore quaerat accusantium recusandae aperiam assumenda iusto sequi et. Deleniti, numquam? Quis delectus voluptatum aut, ad voluptas asperiores excepturi ut velit quas nam animi impedit, tempore fuga totam minima ducimus quo magni repellat expedita, recusandae libero. Numquam, natus quaerat maiores reiciendis qui sunt adipisci. Dolorum nostrum eos quaerat consectetur nisi, iure officia corporis non vel consequuntur harum voluptas minima tempore ad.
Tabela
| Região | Subárea | Trimestre | Total | ||
|---|---|---|---|---|---|
| Q1 | Q2 | Q3 | |||
| Sul | - | 100 | 110 | 120 | 330 |
| Nordeste | Capital | 80 | 95 | 100 | 365 |
| Interior | 60 | 65 | 65 | ||
| Centro-Oeste | - | 70 | Sem dados detalhados | 70 | |
| Subtotal (Sul + Nordeste + Centro-Oeste) | 765 | ||||