Create your own stylesheet with TopStyle Lite CSS editor Crie o seu próprio estilo com TopStyle Lite CSS editor
Posted on December 8, 2008 at 5:34 am Postado em 8 de dezembro de 2008 às 5:34 am
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Cascading Style Sheets tornaram-se um formato padrão para codificação de estilo definições de páginas web. Unlike inline style components (ie font tag), which does not separate your content from the presentation, CSS makes your whole site easier to maintain. If you want to edit the look of your site, all you have to do is edit the CSS file instead of the individual pages. Style sheets look like the one below: Ao contrário do estilo inline componentes (ou seja font tag), que não separa o conteúdo da apresentação, CSS faz todo o seu site mais fácil de manter. Se quiser editar o visual do seu site, tudo que você tem que fazer é editar o arquivo CSS em vez de as páginas individuais. folhas de estilo parecido com um a seguir:
P {
font-family: Verdana;
font-style: bold;
color: blue;
font-size: 12;
}
“P” is an HTML tag so this means that all of my content inside the <P> tag will have that style. In the example above I defined 4 style elements: font family, style, color and size. You can create style sheets for any HTML tag like <A>, <TABLE>, <TD>, etc. "P" é uma marca HTML assim, isto significa que todo o meu conteúdo dentro da tag <P> terá esse estilo. No exemplo acima, eu devo estilo definido 4 elementos: fonte familiar, estilo, cor e tamanho. Você pode criar folhas de estilo para qualquer marca HTML como <A>, <TABLE>, <TD>, etc
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle Lite é um editor livre para fazer arquivos CSS. Pode obtê-lo a partir deste site: http://www.bradsoft.com/
TopStyle has a clean interface where you can put your CSS code and preview the output. A style inspector is also available that acts like a map of of elements, classes and IDs that you create: TopStyle tem uma interface limpa onde você pode colocar seu código CSS e visualizar a saída. Inspector Um estilo que está disponível também atua como um dos elementos do mapa, classes e IDs que você criar:
As you have seen above, this is not a WYSIWYG tool. You will need to type the CSS code by yourself but the code editor has pop-up suggestions to guide you on this task: Como você viu acima, esta não é uma ferramenta do WYSIWYG. Você precisará digitar o código CSS por si mesmo, mas o código editor possui bloqueador de pop-up sugestões para orientá-lo sobre esta tarefa:
The style inspector could act as a shortcut to jump to individual elements. Click an element to highlight the code of the element in the code editor: O estilo inspector poderia funcionar como um atalho para saltar para os diferentes elementos. Clique em um elemento para destacar o código do elemento no código editor:
The properties editor under the Style Inspector window could also be used to edit the CSS code. The style sheet code automatically changes as you change parameters of the design elements under the properties tab: O editor propriedades sob o Style Inspector janela também pode ser utilizado para editar o código CSS. A folha de estilo código muda automaticamente conforme você alterar parâmetros do design elementos sob a guia propriedades:
Once you are done you can save the CSS file directly as a CSS file: Assim que estiver feito é possível salvar o arquivo CSS diretamente como um arquivo CSS:
TopStyle Lite is an easy to use tool for creating CSS code using very little effort. It’s capability to provide you with predefined design elements and display the sample output real-time are a big help for serious web developers. TopStyle Lite é um fácil de usar a ferramenta para criar código CSS usando muito pouco esforço. É a capacidade de lhe fornecer elementos pré-concepção e apresentar o exemplo de resultado em tempo real, são uma grande ajuda para desenvolvedores web grave.
Ben Carigtan shows you how it’s done. Ben Carigtan mostra-lhe como pode fazê-lo.
» Filed Under »Arquivado Sob Free Software Downloads Free Software Downloads
 Save this page Guardar esta página |  Stir it up on Mixx Mexer tudo sobre Mixx | |
 Add to Reddit Adicionar ao Reddit |  Stumble this page Stumble esta página |
Related Posts Posts Relacionados
- How to create animated menus with Adobe Fireworks Como criar menus animados com o Adobe Fireworks
- How to create your own fonts and edit TrueType fonts Como criar e editar suas próprias fontes fontes TrueType
- How to design and create your own custom logo for free Como estruturar e criar seu próprio logotipo personalizado gratuitamente
- 5 Killer MS Word Formatting Tips 5 assassino MS Word dicas de formatação
- Free source code editor for PHP, HTML, Javascript, etc Livre editor de código fonte para PHP, HTML, Javascript, etc
Probably the best CSS editor for Windows. Provavelmente o melhor editor CSS para Windows.
Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. Em vez de abrir DreamWeaver pesados do Visual Studio, provavelmente eu prefiro este pequeno utilitário.
It seems you have to have a basic knowledge about CSS before using this. Parece que você tem que ter um conhecimento básico sobre este CSS antes de usar. But CSS is pretty easy, visit and read some lessons from Mas CSS é muito fácil, visitar e ler algumas lições http://www.w3schools.com/css/ , you will make CSS your loyal slave. , Você vai fazer EAP seu fiel servo.