folhas de estilo em cascata (CSS) são inevitáveis ​​no design do site moderno , que inclui o Google Docs - o conjunto de documentos de escritório livre . CSS agiliza tempos de carregamento da página e separa elementos de estilo da estrutura , tornando a codificação de cada simples para designers. Serviços como o Google Docs beneficiar desta simplificação , uma vez que lhes permite executar de forma rápida e sem problemas para todos os usuários. Identificar CSS

Você pode identificar facilmente CSS vendo fonte de uma página da Web no navegador . Enquanto HTML usa os símbolos do teclado para abrir e declarações de código próximos, usa CSS {e} em seu lugar. Visualmente, essa é a sua primeira pista. O código só funciona , no entanto , se o CSS existe realmente na página que você está vendo. Uma das grandes coisas sobre a CSS é que os designers podem criar uma folha de estilo único para definir a aparência de um site inteiro . Se isso é verdade para a página que você está visualizando, você verá uma tag HTML que chama direções a partir de um documento CSS separado , como < link rel = tipo de " estilo " = "text /css" href = " test.css "/> . Você pode identificar o documento através da extensão de arquivo css . .

Exemplos no Google Docs

Quando você abrir a página inicial do Google Docs , aparece um menu no lado esquerdo da tela que permite que você crie documentos , organizar seus arquivos e excluir qualquer você não quer mais . À direita, você verá uma lista de documentos criados anteriormente. Se você nunca usou o serviço antes , você vai ver um espaço vazio onde essa lista aparece como criar novos documentos. Se você ver o código fonte da página , você verá um monte de HTML. Para visualizar o código fonte da página no Firefox , abra o menu principal e escolha a opção " Web Developer > View Page Source " ou simplesmente pressione Ctrl + U. Para visualizar o código fonte da página no Internet Explorer , clique no botão " Ferramentas", em forma de engrenagem no lado direito da sua barra de ferramentas e selecione "Ferramentas para Desenvolvedores F12 ." No primeiro trimestre da página, no entanto , você vai notar que o Google Docs chama para uma folha de estilo externa com a linha . Um par de linhas abaixo disso, o Google Docs usa CSS diretamente na página para definir o comportamento dos itens de menu . Procure por linhas que começam com type="text/css">