Create your own stylesheet with TopStyle Lite CSS editor Créez votre propre style avec TopStyle Lite éditeur CSS
Posted on December 8, 2008 at 5:34 am Posté le Décembre 8, 2008 à 5:34 am
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Feuilles de style en cascade sont devenues un format standard pour les définitions de style de codage de pages 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: Contrairement aux éléments de style en ligne (c'est-à-dire font tag), qui ne sépare pas le contenu de votre site à partir de la présentation, la CSS fait l'ensemble de votre site plus facile à maintenir. Si vous souhaitez modifier l'apparence de votre site, tout ce que vous avez à faire est de modifier le fichier CSS au lieu de l'individu pages. feuilles de style ressemble à celui ci-dessous:
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" est une balise HTML, ce que tous les moyens de mon contenu à l'intérieur de la balise <P> ont ce style. Dans l'exemple ci-dessus, je définis le style 4 éléments: la famille de police, style, couleur et taille. Vous pouvez créer des feuilles de style pour toute balise HTML comme <A>, <TABLE>, <TD>, etc
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle Lite est un éditeur gratuit pour faire des fichiers CSS. Vous pouvez l'obtenir sur ce 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 a une interface claire où vous pouvez mettre votre code CSS et un aperçu de la production. Un style inspecteur est également disponible qui agit comme une carte de d'éléments, des classes et des identifiants que vous créez:
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: Comme vous l'avez vu ci-dessus, ce n'est pas un outil WYSIWYG. Vous aurez besoin de taper le code CSS par vous-même mais l'éditeur de code a pop-up des suggestions pour vous guider sur cette tâche:
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: Le style inspecteur pourrait agir comme un raccourci pour accéder à des éléments individuels. Cliquez sur un élément pour mettre en évidence le code de l'élément dans l'éditeur de code:
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'éditeur de propriétés dans le cadre de la fenêtre Inspecteur de style peut également être utilisée pour éditer le code CSS. La feuille de style code automatiquement les changements que vous modifiez les paramètres de la conception des éléments sous l'onglet Propriétés:
Once you are done you can save the CSS file directly as a CSS file: Une fois que vous avez terminé, vous pouvez enregistrer le fichier CSS directement comme un fichier 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 est un facile d'utiliser l'outil de création de code CSS en utilisant très peu d'efforts. Il est capable de vous fournir des éléments de conception prédéfinis et l'affichage de l'échantillon de sortie en temps réel sont d'une grande aide pour les développeurs de sites Web sérieux.
Ben Carigtan shows you how it’s done. Ben Carigtan vous montre comment c'est fait.
» Filed Under »Classé dans Free Software Downloads Logiciels gratuits
 Save this page Enregistrer cette page |  Stir it up on Mixx Remuez-le sur MIXX | |
 Add to Reddit Ajouter sur Scoopeo |  Stumble this page Stumble cette page |
Related Posts Postes liés à
- How to create animated menus with Adobe Fireworks Comment faire pour créer des menus animés avec Adobe Fireworks
- How to create your own fonts and edit TrueType fonts Comment créer vos propres polices et de modifier les polices TrueType
- How to design and create your own custom logo for free Comment concevoir et créer votre propre logo personnalisé gratuit
- 5 Killer MS Word Formatting Tips 5 Killer MS Word conseils de mise en forme
- Free source code editor for PHP, HTML, Javascript, etc Libre éditeur de code source de PHP, HTML, Javascript, etc
Probably the best CSS editor for Windows. Probablement le meilleur éditeur CSS pour Windows.
Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. Au lieu d'ouvrir lourds DreamWeaver de Visual Studio, je préfère sans doute ce petit utilitaire.
It seems you have to have a basic knowledge about CSS before using this. Il semble que vous avez d'avoir une connaissance de base sur CSS avant d'utiliser ce. But CSS is pretty easy, visit and read some lessons from Mais CSS est assez facile, visite et de lire quelques enseignements de http://www.w3schools.com/css/ , you will make CSS your loyal slave. , Vous fera CSS de votre fidèle esclave.