HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
O tipo de dispositivo usado indicar um Web page tal como uma tela de computador � chamado Meio. Como projetar seu Web site se transforma mais do que apenas um jogo do browser, mas com dispositivos mais e mais non tradicionais tais como um handheld, um telefone da pilha ou mesmo seu rel�gio querendo alcan�ar a correia fotorreceptora.
|
Tipos de meios do CSS
|
Voc� quer seu Web page olhar atrav�s dos dispositivos m�ltiplos. O processo � nenhum onde t�o daunting como aparece, com sustenta��o do n�vel 2 do CSS para tipos de meios ser entre as ferramentas simples voc� pode se usar ajudar fazer seu local vista-amig�vel atrav�s dos meios
|
3 maneiras de especificar tipos de meios do CSS
|
H� tr�s maneiras unir um tipo de meios � folha do estilo, assim que nosso CSS � aplicado somente quando os meios de um detalhe (IE: handheld) � usado ver a p�gina:
|
1) Folhas ligadas do estilo:
|
C�digo do CSS
|
<link rel="stylesheet" type="text/css" media="print" href="print.css">
|
|
Com a declara��o acima, �print.css� ser� aplicado somente � p�gina como imprimiu (ou visto na modalidade da inspec��o pr�via de c�pia em seu browser). Voc� pode adicionar as folhas ligadas adicionais do estilo que alvejam outros tipos de meios tamb�m. Como uma nota lateral, para originais de XML, o equivalente do acima ser�:
|
O nome do estado � �a classe pseudo� que define como os elementos do HTML devem aparecer, dependendo no que do estado est�. Abaixo est� um exemplo de mudar �liga��o�, �visitado o estado�, e do �pairo�. Anotar a ordem que � definido, porque � requisitar apropriado para fazer uma liga��o funcionando do CSS.
|
C�digo do equivalente de XML
|
<?xml-stylesheet type="text/css" media="print" href="print.css" ?>
|
|
2) Folhas importadas do estilo:
|
C�digo do CSS
|
<style type="text/css" media="print, handheld">
@import "basic.css";
</style>
|
|
As folhas importadas do estilo usadas aqui t�m a vantagem porque que downloaded condicional, significando a folha do estilo somente downloaded se os f�sforos do legado que especificaram no atributo dos meios. Em dispositivos baixos da largura de faixa tais como handheld, todas as economias na largura de faixa desnecess�ria poderiam significativo. A desvantagem desta t�cnica no presente � a falta da t�cnica relative to 1 da sustenta��o do browser/dispositivo) acima.
|
3) Folhas Inline do estilo, com a r�gua do @media:
|
C�digo do CSS
|
<style type="text/css">
@media projection{
body{ background-color:#FFFFFF; }
#heading{ font-size:28px; }
}
</style>
|
|
Voc� pode ver, o que declara��es que do CSS voc� deseja ser aplicado em caso da �proje��o� deve ser envolvido ao redor no bloco do @media.
|
A r�gua do @media
|
Abaixo do exemplo da amostra da r�gua do @media
|
C�digo do CSS
|
<html>
<head>
<style>
@media screen
{
p.test {font-family:verdana,sans-serif; font-size:14px}
}
@media print
{
p.test {font-family:times,serif; font-size:10px}
}
@media screen,print
{
p.test {font-weight:bold}
}
</style>
</head>
<body>
....
</body>
</html>
|
|
Os seguintes 10 tipos de meios s�o suportados:
|
Pseudo-class |
Purpose |
all |
Suitable/intended for all devises (default). |
aural |
Intended for speech synthesizers. |
braille |
Intended for braille tactile feedback devices. |
embossed |
Intended for paged braille printers. |
handheld |
Intended for handheld devices (typically small screen, monochrome, limited bandwidth). |
print |
Intended for printed documents (applies to docs viewed in print preview mode too). |
projection |
Intended for projected presentations (ie: projectors or print to transparencies). |
screen |
Intended for computer screens. |
tty |
Intended for media using a fixed-pitch character grid (ie: teletypes or terminals). |
tv |
Intended for television-type devices. |
|
Keywords:
css media style sheet, media types, handheld devices, css media attribute
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|