Create your own stylesheet with TopStyle Lite CSS editor Crea il tuo foglio di stile con i CSS TopStyle Lite editore
Posted on December 8, 2008 at 5:34 am Pubblicato l'8 dicembre 2008 a 5:34 am
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Cascading Style Sheets sono diventati un formato standard per la codifica definizioni di stile pagine 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: A differenza di stile in linea componenti (vale a dire il font etichetta), che non separare il contenuto dalla presentazione, CSS rende l'intero sito più facili da mantenere. Se si desidera modificare l'aspetto del tuo sito, tutto ciò che dovete fare è modificare il file CSS invece delle singole pagine. fogli di stile simile a quello qui sotto:
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" è un tag HTML in modo questo significa che tutti i miei contenuti all'interno del tag <P> che hanno stile. Nell'esempio precedente ho definito stile 4 elementi: il font famiglia, lo stile, colore e dimensioni. È possibile creare fogli di stile per qualsiasi tag HTML come <A>, <TABLE>, <TD>, ecc
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle Lite è un editor gratuito per rendere i file CSS. Potete scaricarlo da questo sito: 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 ha un interfaccia in cui si può mettere il codice CSS e visualizzare l'anteprima della produzione. Uno stile ispettore è disponibile anche che agisce come una mappa di elementi, le classi e gli ID che si crea:
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: Come avete visto sopra, questo non è uno strumento WYSIWYG. Hai bisogno di digitare il codice CSS da soli ma l'editor di codice ha pop-up suggerimenti per guidare l'utente in questo compito:
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: Lo stile ispettore potrebbe agire come una scorciatoia per passare ai singoli elementi. Fare clic su un elemento per evidenziare il codice del elemento nel codice editore:
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: L'editor di proprietà sotto la finestra di stile potrebbe anche essere utilizzato per modificare il codice CSS. Il foglio di stile cambia automaticamente il codice come si modificano i parametri di elementi di progettazione sotto la proprietà scheda:
Once you are done you can save the CSS file directly as a CSS file: Una volta che hai finito puoi salvare il file CSS direttamente come un file 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 è un facile da usare strumento per la creazione di codice CSS utilizzando pochissimo sforzo. E 'la capacità di fornire predefiniti con elementi di design e visualizzare il campione di uscita in tempo reale sono di grande aiuto per gravi sviluppatori web.
Ben Carigtan shows you how it’s done. Ben Carigtan vi mostra come è fatto.
» Filed Under »Archiviato in Free Software Downloads Free download di software
 Save this page Salva questa pagina |  Stir it up on Mixx Mescolare fino a Mixx | |
 Add to Reddit Aggiungi al Reddit |  Stumble this page Stumble questa pagina |
Related Posts Related Interventi
- How to create animated menus with Adobe Fireworks Come creare menu animati con Adobe Fireworks
- How to create your own fonts and edit TrueType fonts Come creare il proprio font e modificare i font TrueType
- How to design and create your own custom logo for free Come per progettare e creare il proprio logo personalizzato gratuitamente
- 5 Killer MS Word Formatting Tips 5 killer MS Word Consigli per la formattazione
- Free source code editor for PHP, HTML, Javascript, etc Libera editor di codice sorgente di PHP, HTML, Javascript, ecc
Probably the best CSS editor for Windows. Probabilmente il miglior editor CSS per Windows.
Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. Invece di aprire pesanti DreamWeaver di Visual Studio, ho probabilmente preferiscono questo piccolo programma di utilità.
It seems you have to have a basic knowledge about CSS before using this. Sembra dovete avere una conoscenza di base su CSS prima di utilizzare questo. But CSS is pretty easy, visit and read some lessons from CSS, ma è piuttosto facile, visitare e leggere alcune lezioni da http://www.w3schools.com/css/ , you will make CSS your loyal slave. , Si farà CSS tuo schiavo fedele.