[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
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 .