Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS
Linguagem utilizada para estilização de paginas desenvolvidas em HTML…
CSS
Linguagem utilizada para estilização de paginas desenvolvidas em HTML
Com ela, é possivel definir diversas caracteristicas, como:
-Cores
-Formas
-Fontes
-Espaçamento
InLine
É possível adicionar estilos em seu site diretamente na TAG<tag style="atributo valor;"> algum texto </tag>
style:"Atributo: valor;"
Atributos comuns
-
-
-
-
-
style="width: Xpx; heigh: Ypx"
Define o tamanho e a altura da imagem, do container, etc
CSS SELETOR
Neste formato, é necessário criar uma folha de estilo com extensão .css e realizar a chamada em seu código html da pagina de estilo.
As propriedades são colocadas nos arquivos .css e atribuídas as TAGS
Realizando chamada da pagina de estilos<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
propriedades de h1
h1{
color:red;
font-family: verdana;
font-size: 42px;
text-align:center;
}
Neste caso, todos os itens com tag h1 no código principal receberão esta formatação
Propriedades de Body
body{
background-color: yellow;
}
Neste caso, todo o body de seu site estará com o background amarelo
Classes
Todos os elementos com a mesma CLASS receberão o mesmo estilo<tag class="Nome da Class"> </tag>
-
-
-
Divs
Se trata de divisões que podemos fazer na pagina, sendo possível ainda mais separar e adicionar os estilos do CSS
Agrupa os elementos em uma unica divisão, sendo possivel adicionar uma Classe ou uma ID e formatando todo o conteúdo dentro dessa mesma divisão;
-
Elementos Flutuantes
-
No parametro Elementos Flutuantes é possivel utilizar 2 tipos:
Absolute: fica na posição determinada no css, indepenetee da movimentação da pagina
fixed: a div fica fixa na interface. Se a pagina for rolada para baixo, a div não se movimenta