Como web design continua a transição de uma ocupação profissional para um hobby no mundo todo, um número crescente de pessoas estão se tornando familiares com a criação de projetos que são controlados por CSS. Embora seja verdade que esses arquivos são freqüentemente muito mais simples de criar e manter do que os documentos XHTML, também é verdade que o CSS é um notoriamente uma linguagem de programação “exigente”, que exige pontuação exata, o espaçamento mínimo, e uma adesão estrita à semântica perfeita do início ao fim.
1. Não se esqueça use aspas!
É algo que a maioria dos desenvolvedores sentem que podem ignorar, principalmente porque esquecendo as aspas por fora um arquivo CSS não vai alterar a aparência de um site como o mesmo erro quando faria por um documento XHTML. No entanto, desde os primeiros dias de estilo, o W3C, determinou que todos os nomes de fontes com um espaço neles devem ser entre aspas, quando colocado em um documento CSS.
Isto entra em cena quando a elaboração da “font-family” linha de código que determina quais fontes serão utilizadas pelo navegador para exibir blocos de texto. Normalmente, web designers são incentivados a usar nomes de fontes diversas para que o navegador tem muitas opções de fallback no caso de fontes ausentes.
Só para esclarecer, o exemplo abaixo é como as aspas devem ser utilizados de uma folha de estilo quando um nome de fonte contendo espaços é usado dentro do “font-family”:
font-family:"Times New Roman","Times New Roman",Roman,serif;
Nota-se que as aspas cercam somente a fonte, e não envolvem a vírgula que separa cada nome de fonte. Essa é uma distinção importante, como incluindo a vírgula dentro das aspas seria, essencialmente, informar ao navegador que a vírgula é parte do nome da fonte. Isso resultaria em um grande número de “pedidos” fontes na maioria dos navegadores, e a maioria dos usuários, provavelmente, acabariam por visualizar o conteúdo em serif, as fontes mais básicas do sistema.
Maioria dos web designers novos ao CSS , na verdade, não sabem que eles podem adicionar breves “comentários” em seu código, ajudando a quebrar um grande conjunto de estilos em peças menores que podem ser pesquisados, movimentados e excluídos quando não são mais necessários. Comentários são indicados por barras e asteriscos, tanto antes como depois do comentário em si. Quando isso é colocado, parece o seguinte:
/*Este é um comentário CSS */
Assim como XHTML, o código de comentário é uma “imagem de espelho” de si mesmo. Ele deve ser aberto e fechado pelas mesmas barras. Sem espaços pode ser entre os dois sinais de pontuação, que não pode haver espaços entre a abertura e fechamento de indicadores e o texto que realmente compreende o comentário.
Usando esse recurso do CSS, a qual é especialmente útil para web designers jovens,podemos comentar sobre o é que exatamente cada classe, ID, ou elemento. Isso vai salvar todos que forem editar o código.
O problema número um a causar problemas em um CSS é a falta de pontuação.O CSS faz um uso extensivo de vírgulas, colchetes e ponto-e-vírgula ao indicar o fechamento de um elemento, classe, ID, ou elemento. Um exemplo de pontuação correta pode ser visto abaixo:
.classe{margin:0;padding:03px03px;font-family:"Times New Roman","Times New Roman",Roman,serif;color:#000 ;}
Observe que cada linha de código dentro dos colchetes termina com um ponto e vírgula que indica que um novo elemento já começou. Deixar de incluir este ponto-e-vírgula pode realmente ter efeitos desastrosos sobre o resto do CSS. Alguns navegadores podem interpretar a falta de ponto-e-vírgula como uma indicação de que o CSS é inválido, e eles vão, assim, recusar-se a aplicar suas instruções para um site. Outros ainda irão considerar todos os elementos após a vírgula inválidos, enquanto alguns navegadores só vão parar de analisar o código CSS até o colchete de fechamento do elemento afetado.
A chave para um arquivo CSS grande é reduzir o tamanho real do arquivo e torná-lo realizar todas as suas funções da maneira mais eficiente possível. A melhor maneira de fazer isso é simplesmente usar abreviações sempre que possível. O CSS realmente tem um número robusto de elementos que podem ser encurtados e, como qualquer web designer deve saber, quantos menos caracteres menor o tamanho do arquivo.
A primeira maneira de executar a abreviação é diminuir o código de cores como o preto e o branco. Estes são tipicamente de seis dígitos hexadecimais que simplesmente se repetem, branco é codificado como “#ffffff“, enquanto o preto é formatado como “#000000“.
Após os três primeiros caracteres, os designers podem, na verdade, corta-los ao meio. Isso significa que o preto pode ser escrito como “#000“, enquanto o branco é escrito como “#fff“. Cortando esses códigos de cores hexadecimais no meio, pode-se diminuir bastante o tamanho do arquivo – e esta não é a única maneira que os desenvolvedores podem economizar espaço no documento.
Outra ótima maneira de economizar espaço é de deixar de fora os elementos desnecessários como o “px” em margin e padding 0 (zero). Desenvolvedores inexperientes escrevem coisas como “0px” em todo os seus documentos, indicando que o tamanho é de zero pixels. Isso porque cada outra definição de tamanho de elemento em todo o estilo é denotada em pixels e termina com o “px”. No entanto, quando o valor é 0 (zero), não é necessário especificar “px”.
O desenvolvedor iniciante teima em achar que cada lado de uma caixa(div,span etc) tem que ser declarado separadamente. É fato que o CSS inclui essas opções em sua documentação. E é por isso que elementos como margin-right,padding-left são usados com tanta frequência. Enquanto não há nada que torne isso inválido, este método só servirá para gastar mais tempo ao escrever o CSS e aumentar o tamanho do arquivo. Abaixo temos um exemplo de como um iniciante iria declarar o padding de uma classe:
.class{padding-left:0;padding-right:0padding-top:0;padding-bottom:0;}
Parece feio não é mesmo? E também um gasto de tempo e espaço. Para resolver este problema, simplesmente condensamos as quatro linhas em uma só. Como? Declarando os valores em ordem horária (esquerda para direta), sendo top,right,bottom e left. Veja o exemplo abaixo:
.class{padding:0000;}
Temos o mesmo resultado com menos trabalho. É claro que você pode usar margin-right se for declarar apenas ele.
Aqui está um fato interessante sobre CSS: Esta linguagem de programação comum não requer um único espaço entre linhas de código, classes ou outros elementos de definição de projeto. Essas linhas em branco são permitidas, contudo, e não há nada que impeça os desenvolvedores da sua utilização.Não é considerado inválido ou uma prática ruim. É, no entanto, considerado um desperdício de espaço e tamanho do arquivo, e isto pode aumentar o carregamento da página.
Quando em dúvida, remova os espaços e use os comentários para indicar o propósito desses elementos, em vez de espaçá-los e fazer com que o arquivo de CSS se torne muito pesado.
joker gaming ถือเป็นเกมเดิมพันออนไลน์ joker โปร ที่ได้รับความนิยมมากที่สุด ณ เวลานี้ เป็นหนึ่งในเกมออนไลน์ reeffutures2018 ที่เป็นที่สนใจของนักลงทุน ในเกมพนันมากมาย เป็นเกม xopg.net ที่เล่นได้ง่าย mavoixtavoie ไม่จำเป็นที่จะต้องลงทุนเยอะ สมัคร joker ก็สามารถเล่นสล็อตออนไลน์ได้ essentialsforasoul สามารถสร้างกำไรได้ เพียงแค่ทำการกดสปินเท่านั้น herbalpertpresents ก็มีโอกาสที่จะได้รับรางวัลใหญ่อยู่เสมอ เทคนิคสล็อต และไม่จำเป็นต้องใช้ความคิดที่มากมายอะไร gclub ก็สามารถร่วมสนุก slot joker ในการเล่นเกมสล็อตออนไลน์ northbristol