Folhas de estilo em cascata são usadas para formatar o conteúdo de uma página HTML. Da mesma forma, todos os comandos usados em CSS têm como objetivo editar a aparência de quaisquer elementos de um documento HTML.
É necessário
Um computador com conexão à Internet
Instruções
Passo 1
Leia sobre como as folhas de estilo em cascata são usadas. A formatação de texto é o recurso mais comumente usado de folhas de estilo em cascata. Qualquer documento HTML contém uma grande quantidade de informações textuais em suas várias partes. Ao mesmo tempo, cada parte da página deve ter seu próprio formato e fonte: parte do texto é o texto do menu, a outra é o título, a terceira é o texto principal da página, etc. Para formatar informações de texto, comandos são usados para alterar o nome da fonte, seu tamanho, peso, etc.
Passo 2
Portanto, em primeiro lugar, observe o parâmetro de estilo da família de fontes. Este atributo permite que você defina uma fonte específica para esta tag. O nome da fonte é escrito após o sinal ":". O atributo font-size style é usado para definir o tamanho do texto contido na tag. O valor do tamanho também é escrito após o sinal ":" e é indicado em pixels, por exemplo, "tamanho da fonte: 20px".
etapa 3
Observe que os parâmetros de estilo podem ser concatenados e escritos juntos usando o sinal “;”. Isso é útil se você precisar definir vários parâmetros para uma tag.
Passo 4
Use o atributo style color para alterar a cor do texto. O nome da cor é escrito da maneira padrão: verde, azul, vermelho, etc. Ele também pode definir a cor não apenas do texto em si, mas também da cor de fundo. Para tanto, utiliza-se o atributo background-color, após o qual também deve ser indicada a cor selecionada. Se você quiser usar uma imagem, não um preenchimento, como fundo na área desta tag, consulte o parâmetro de estilo da imagem de fundo, especificando depois dele a origem da imagem.
Etapa 5
Familiarize-se com uma série de atributos de estilo que definem os parâmetros dos elementos da página, que, em primeiro lugar, incluem preenchimento, borda, flutuação, posição.
Etapa 6
Use o parâmetro de preenchimento para definir o valor da margem que está vinculado a uma determinada tag. Nesse caso, esse valor é contado de cada lado. Especifique o atributo de borda para formar a borda deste campo. Após os dois pontos, a largura da borda é escrita em pixels. A propriedade float permitirá que um elemento em sua página flutue para a direita ou esquerda. A este respeito, os parâmetros de qualificação desta propriedade são esquerdo ou direito.
Etapa 7
Se você precisar posicionar precisamente um objeto no documento, use a propriedade position. Ele localiza o elemento da página de forma absoluta, como "posição: absoluta; inferior: 50px; direita: 10px;", ou de forma relativa, com base na distância das bordas da página.
