Skip to end of metadata
Go to start of metadata

O CSS(Cascading Style Sheets) é um "conjunto de estilos" que modificam o "visual" de documentos desenvolvidos em linguagens de marcação (HTML,XML). Além disso, o CSS pode fazer a separação de layouts de componentes de forma mais estruturada e organizada. Em outras palavras o CSS define como serão exibidos os elementos contidos no código de sua página da internet,  podendo efetuar a separação entre o formato e o conteúdo de um documento.

Editor Visual

O CronApp tem um editor de estilos css que permite adicionar regras de layout aos componentes. Basta você entrar em uma view e no painel do editor visual clicar na aba "Estilos" (figura 1), e clicar no botão "+". Veja que foi aberto um painel com diversas opções de edição, estas são:

  • Display Style

  • Position & Spacing

  • Font and text


figura 1- Aba Estilos

Display Style



Font and Text


 Caso você prefira modificar ou adicionar elementos pelo código selecione o item avançado, veja que foi aberto o código do elemento em css(figura 2).


figura 2 - Código css do elemento div.row.component-holder


Bootstrap

Como você deve ter percebido, por padrão, os componentes das views geradas pelao CronApp já vem com alguns estilos. Isso devido a IDE utilizar um Framework chamado bootstrap, que é um conjunto de ferramentas com estilos em css e javascript, criadas para facilitar o desenvolvimento da aplicação. É importante lembrar que existem diversas classes no projeto padrão que modificam o css do bootstrap diretamente no código.

Leituras Recomendadas

Nesta página

 

  • No labels