O uso de vários dispositivos para exibir informações tem levado à necessidade de sua apresentação adequada, sem referência a modos, parâmetros e condições de exibição específicos.
Ideias anteriormente populares de bloco, tabular,layout fluido, adaptável (e outras opções) são coisas do passado. Na atualidade, a informação deve ser simplesmente exibida o mais acessível possível, com alta qualidade e a mesma em qualquer dispositivo.
Uma pessoa dialoga com palavras e eles a compreendem.Mas ele pode usar material visual e esclarecer o que foi dito com gestos, imagens, termos, ou de outra forma focar a atenção do ouvinte (consumidor). Como resultado, ele atinge a meta mais rápido.
O site é obrigado a fornecer informações da mesma forma,não deve haver requisitos adicionais de codificação em nível de HTML, CSS, JavaScript ou PHP, em particular. O resultado deve atingir a meta e ser fornecido em um computador pessoal e em qualquer outro dispositivo móvel ou estacionário.
Linguagens de hipertexto são usadas não apenas por navegadores, mas também por outras ferramentas. O fornecimento de informações deve neutralizar quaisquer diferenças existentes.
Você nem sempre deve se aprofundar em HTML ou CSS.para obter o efeito desejado. Remédios simples, mas eficazes, costumam ser suficientes. O custo mínimo em qualquer empresa é um traço característico da codificação de informações modernas para sua correta exibição.
Em particular, regras flutuantes e claras podem sersão aplicados em tags HTML e descrições CSS e não incorrem em nenhum custo adicional, e o efeito será adequado. A regra de limpeza CSS, quando usada em um elemento, permite que ele se encaixe corretamente, independentemente do tamanho da área de exibição e em qual dispositivo esse processo ocorre.
CSS não é muito sofisticado ese esforça para a maior simplicidade possível. Usando a regra float: left ou float: right em um elemento, você pode pressioná-lo para um lado do bloco de fluxo e o próximo elemento com uma regra CSS - limpar: ambos - colocar informações ao redor.
Existem três valores possíveis para esta regra:
Você também pode usar os valores none e inherit.para a regra clara do CSS, que essencialmente não difere da funcionalidade apresentada: o elemento (ou elementos) anterior será privado de quebra à esquerda, à direita ou a ambos os lados. Na verdade, este é um feed de linha. Todos os itens a seguir aparecerão no próximo bloco de informações. Quais informações serão exibidas antes que o elemento com a regra clara de CSS seja determinado pelo desenvolvedor. Os elementos posicionados de forma absoluta são renderizados na página no local especificado por suas propriedades.
Na verdade, a regra clara do CSS permiteitens de informação de estrutura (grupo). O dispositivo exibe informações em um fluxo geral e, ao detectar uma regra clara neste ou naquele elemento, exibe seu conteúdo de acordo.
Como geralmente acontecia em outras tecnologias, o layout descrito passou por vários estágios e acabou caindo em duas grandes categorias:
Cada desenvolvedor interpreta o que é ditoà minha maneira. Alguns permaneceram fiéis à terminologia "layout responsivo". Outros dizem que fazem sites de borracha. Outros ainda convencem o cliente da necessidade de layout em bloco ou tabular ... Não importa como nomear o processo, ferramenta ou outro método para obter o resultado.
Somente o tempo de desenvolvimento e o resultado são sempre importantestrabalhar. No primeiro caso, usar a regra clara do CSS dificilmente fará sentido, assim como a regra flutuante desaparecerá como desnecessária. Um algoritmo complicado de JavaScript ou uma combinação de estilos CSS intimamente ligados a divs HTML formará a página, postará informações e levará em consideração as peculiaridades de vários dispositivos.
No segundo caso, graças às regras de float e clear, a descrição CSS permite que você simplesmente forme um fluxo de elementos da página. Um resultado aceitável será alcançado de forma rápida e eficiente.