Enquanto o HTML é utilizado para definir a estrutura e semântica do seu conteúdo, o CSS é usado para estilizá-lo e desenhá-lo. Por exemplo, você pode usar o CSS para alterar a fonte, cor, tamanho e espaçamento do seu conteúdo, dividí-lo em multiplas colunas, ou adicionar animações e outros recursos decorativos.
Alinhar pela direita em CSS - text-align: right; Já para alinhar um texto pela direita, devemos usar o atributo text-align com o valor right, que significa direita, em inglês.
Centrar linhas de textos Todas as linhas desse parágrafo estão centralizadas na horizontal, entre as margens do parágrafo graças ao valor 'center' declarado para a propriedade CSS 'text-align'.
Vamos agora mostrar como você pode centralizar o texto horizontalmente e verticalmente utilizando as maravilhas do Flexbox: Na classe CSS "top", acrescente as propriedades display: flex; para definir a div como um elemento flexível, justify-content: center; para centralizar o texto horizontalmente e align-items: center ...
CSS pode inserir um texto antes ou depois de um elemento. Para especificar isto, faça uma regra e adicione :before ou :after ao seletor. Na declaração, especifique a propriedade content com o conteúdo do texto como seu valor.
Aqui em baixo citarei várias outras tags para a formatação de textos em HTML, e em seguida seus respectivos exemplos de utilização....
Sem dúvidas, a maneira mais comum de se definir o tamanho de um texto, é através de pixel, através da abreviação "px", por exemplo: 10px, 12px, 18px, 20 px. A sintaxe para definir o tamanho da fonte em pixels no CSS é: font-size: NUMEROpx; Onde "NUMERO" é um valor qualquer, como 6, 7, 8, 11 etc.
Eis as principais propriedades CSS para texto: color : muda a cor do texto. Ex: color: #FF0000; . font-family : define uma lista de fontes para ser utilizada no elemento (e seus herdeiros).
text-transform Esta propriedade destina-se a definir os efeitos de capitalização (maiúsculas, minúsculas) do texto. Trata-se de uma propriedade herdada. Os valores possíveis para esta propriedade são. Causa o efeito de transformar as primeiras letras das palavras do texto em maiúscula.
Uma propriedade CSS é uma característica (como a cor) cujo valor define o aspecto de como o navegador deve exibir o elemento.
Seletores são "padrões" ou "modelos" que casam com os elementos de uma árvore do documento e portanto podem ser usados para selecionar os nós de um documento XML. ... As CSS usam seletores para atrelar propriedades de estilização aos elementos de um documento.
CSS é a sigla para Cascading Style Sheets, ou seja, Folhas de Estilo em Cascatas. É uma maneira de dar estilo ao código criado por linguagens como HTML, XML ou XHTML, por exemplo.
Tabela de Referência de Seletores de CSS
Temos 4 tipos de combinadores.
Classes são seletores CSS. Utilizaremos seletores CSS para estilizar elementos no HTML, usando o atributo "class", por exemplo: em referência à uma classe CSS blue.
Use o atributo id em um elemento para atribuir um ID a esse elemento. O nome do ID é de sua escolha e ele deve ser único no documento. Use o atributo class em um elemento para atribuir o elemento a uma determinada classe. O nome da classe é de sua escolha.
Em um documento HTML, os seletores de ID do CSS selecionam um elemento baseado no conteúdo de seu atributo id , o qual deve ser exatamente igual ao valor dado ao seletor.
Se você quiser usar um identificador que possa se aplicar a vários elementos diferentes simultaneamente, utilize o atributo class . Logo, conclui-se que ids repetidos atrapalham a manipulação do DOM, mesmo com uma biblioteca como o jQuery. E talvez (só talvez) não atrapalhe a CSS.
Qual a diferença entre CLASS e ID? Em HTML e CSS, há a possibilidade de aplicar estilos através de 'class' e 'id' e, em JavaScript é possível indentificar algum elemento de uma página por sua classe, id ou tag.
O ID Class é um curso voltado para designers de nível iniciante ou avançado que desejam elevar o nível de seus projetos de identidade visual. ... É recomendado que o aluno já tenha alguma experiência com design.
O atributo global id define um identificador exclusivo (ID) que deve ser único por todo o documento. Seu objetivo é identificar o elemento ao navegar por âncoras (usando um identificador de fragmento), quando utilizar scripts ou estilizando (com CSS).
O elemento de divisão HTML é um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilos (usando class ou id), ou porque eles compartilham valores de atributos, como lang.
Como utilizar a HTML Div: A tag Atributos da Div HTML. Alterando a cor de Fundo/Background da HTML Div. ID e Classe....O Elemento HTML Div costuma ter entre seus principais atributos:
A tag deve sempre ser estilizada por um arquivo . css, mas para isso é preciso definirmos um id ou class para ele, ficando conforme a Listagem 2. Esse tipo de div deverá ser estilizado no CSS por meio do carácter “#”.
A tag representaria seções de documentos. Já a tag div é utilizada para fins de estilos. Resumindo: para fins de deixar o layout "bonito" e não haver nenhuma semântica por trás, utilize div. Se for representar uma área do seu site, utilize section :).