On-line Formatação CSS

Ecrã inteiro

Introdução da ferramenta

CSS Ferramentas de formatação e compressão
CSS por HTML A linguagem de marcação fornece uma descrição de estilo , Define como os elementos são apresentados .CSS ficar Web O design é um avanço . Ele pode ser usado para modificar um estilo pequeno e atualizar todos os elementos da página relacionados a ele .

CSS Tem as seguintes características: :


Definição de estilo rico
CSS Fornece uma aparência rica de estilo de documento , E a capacidade de definir atributos de texto e plano de fundo ; Permitir a criação de bordas para qualquer elemento , E a distância entre a borda do elemento e outros elementos , E a distância entre a borda do elemento e o conteúdo do elemento ; É permitido alterar o caso do texto à vontade , Métodos de decoração e outros efeitos de página .


Fácil de usar e modificar
CSS Você pode definir estilos em HTML Elemental style Atributo: , Pode também ser definido em HTML Documentado header parte , Você também pode declarar o estilo em um especial CSS No ficheiro: , Para HTML Referência da página . em suma ,CSS Folhas de estilo podem armazenar todas as declarações de estilo uniformemente , Gestão unificada .
além disso , Elementos com o mesmo estilo podem ser classificados , Usar o mesmo estilo para definição , Você também pode aplicar um estilo a todos os objetos com o mesmo nome HTML No rótulo: , Em alternativa, uma CSS O estilo é atribuído a um elemento de página . Se quiser mudar o estilo: , Só precisamos encontrar a declaração de estilo correspondente na lista de estilos para modificá-la .


Aplicação de várias páginas
CSS Folhas de estilo podem ser armazenadas separadamente em um CSS No ficheiro: , Desta forma, podemos usar o mesmo em várias páginas CSS folha de estilos .CSS A folha de estilos não pertence a nenhum arquivo de página em teoria , Pode ser referenciado em qualquer arquivo de página . Desta forma, o estilo de várias páginas pode ser unificado .


Empilhar
Simplificando: , Cascade é definir o mesmo estilo várias vezes para um elemento , Isto irá usar o último valor de propriedade definido . Por exemplo, o mesmo conjunto é usado para várias páginas em um site CSS folha de estilos , Alguns elementos em algumas páginas querem usar outros estilos , Você pode definir uma folha de estilos para esses estilos e aplicá-la à página . Esses estilos definidos posteriormente substituem as configurações de estilo anteriores , No navegador, você verá o efeito de estilo definido na parte de trás .


Compactação da página
em uso HTML No site onde o efeito da página é definido , Muitas vezes requer um grande número de formas ou repetidas e font Elementos formam estilos de texto de várias especificações , A consequência disso é que um grande número de HTML rótulo , Aumentando assim o tamanho do arquivo de página . E colocar a declaração de estilo em CSS Na folha de estilos , Ele pode reduzir muito o volume da página , Desta forma, o tempo usado ao carregar a página será muito reduzido . além disso ,CSS A reutilização de folhas de estilo reduz o volume de páginas em maior medida , Reduzir o tempo de transferência .