Estrutura CSS - CSS framework
Uma estrutura CSS é uma biblioteca que permite um design da Web mais fácil e compatível com os padrões usando a linguagem Cascading Style Sheets . A maioria dessas estruturas contém pelo menos uma grade . Estruturas mais funcionais também vêm com mais recursos e funções adicionais baseadas em JavaScript , mas são principalmente orientadas ao design e focadas em padrões de IU interativos. Este detalhe diferencia os frameworks CSS de outros frameworks JavaScript .
Dois exemplos notáveis e amplamente usados são Bootstrap e Foundation .
Os frameworks CSS oferecem diferentes módulos e ferramentas:
- redefinir folha de estilo
- grade especialmente para web design responsivo
- tipografia da web
- conjunto de ícones em sprites ou fontes de ícones
- estilo para dicas de ferramentas , botões , elementos de formulários
- partes das interfaces gráficas do usuário, como acordeão , guias , apresentação de slides ou janelas modais ( Lightbox )
- equalizador para criar conteúdo de altura igual
- frequentemente usado classes auxiliares CSS ( esquerda , ocultar )
Estruturas maiores usam um interpretador CSS como Less ou Sass .
Lista de estruturas CSS notáveis
Nome | Último lançamento (data) | Licença | Rede | Unidades | Recursos | No. de colunas |
---|---|---|---|---|---|---|
Blueprint | 1.0.1 (14 de maio de 2011) | Licença MIT | Tipografia, formulários, impressão, plug-ins para botões, guias e sprites. | |||
Bootstrap | 4.5.3 (13 de outubro de 2020) | Licença MIT ( Licença Apache anterior a 3.1.0) |
fixo, fluido, responsivo | px,% | Layout, tipografia, formulários, botões, navegação, consultas de mídia, arquivos .sass, bibliotecas JavaScript, layout RTL. | Qualquer, padrão 12 |
Fundação | 6.6.3 (8 de abril de 2020) | Licença MIT | fluido | px,% | Layout responsivo, ordenação de fontes, tipografia, formulários, botões, navegação, consultas de mídia e bibliotecas JavaScript. | Qualquer, padrão 12 |
YAML | 4.1.2 (28 de julho de 2013) | CC-BY 2.0 | fixo, elástico, fluido | px, em,% | Layout, grades, colunas, formulários, botões, linearização progressiva para layouts responsivos, manuseio de float, navegação, tipografia, acessibilidade e add-ons. (guias acessíveis, suporte RTL e microformatos) | Algum |
Grades YUI CSS | 3.18.1 (22 de outubro de 2014) | BSD-3 | fixo e fluido |