Create your own stylesheet with TopStyle Lite CSS editor Erstellen Sie Ihren eigenen Stylesheet mit TopStyle Lite CSS-Editor
Posted on December 8, 2008 at 5:34 am Geschrieben am 8. Dezember 2008 auf 5.34
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Cascading Style Sheets haben sich zu einem Standard-Format für die Codierung von Stil-Definitionen von Web-Seiten. 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: Im Gegensatz zu Inline-Stil Komponenten (dh font-Tag), die sich nicht trennen Sie Ihre Inhalte von der Darstellung, CSS macht Ihre gesamte Website einfacher zu verwalten. Wenn Sie bearbeiten möchten das Aussehen Ihrer Website ist alles, was Sie zu tun haben, ist, bearbeiten Sie die CSS-Datei anstelle der einzelnen Seiten. Stylesheets sehen aus wie ein unter der:
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" ist ein HTML-Tag, so bedeutet dies, dass alle meine Inhalte innerhalb des <P> Tag haben wird, dass Stil. In unserem obigen Beispiel I definierten Stil 4 Elemente: font Familie, Stil, Farbe und Größe. Sie können Style Sheets für einen HTML-Tag wie <A>, <TABLE>, <TD>, etc.
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle Lite ist ein kostenloser Editor für die CSS-Dateien. Sie können es von dieser Website: 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 hat eine saubere Schnittstelle, wo können Sie Ihre CSS-Code und eine Vorschau der Ausgabe. Ein Stil-Inspektor ist auch, dass Handlungen, wie eine Karte der von Elementen, Klassen und-IDs, die Sie erstellen:
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: Wie Sie bereits gesagt, hat sich es sich nicht um einen WYSIWYG-Tool. Sie müssen auf den Typ der CSS-Code selbst, sondern den Code-Editor hat Pop-up-Vorschläge, um Sie zu dieser Aufgabe:
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: Der Stil-Inspektor kann als Verknüpfung zu springen, um einzelne Elemente. Klicken Sie auf ein Element, um den Code des Elements in den Code-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: Die Eigenschaften-Editor unter der Style Inspector Fenster könnte auch dazu verwendet werden, bearbeiten Sie die CSS-Code. Die Stylesheet-Code automatisch ändert sich wie Sie Parameter der Design-Elemente unter der Registerkarte Eigenschaften:
Once you are done you can save the CSS file directly as a CSS file: Sobald Sie fertig sind, können Sie die CSS-Datei direkt als CSS-Datei:
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 ist ein einfach zu bedienendes Tool zum Erstellen von CSS-Code mit sehr wenig Aufwand. Es in der Lage, Ihnen mit vordefinierten Design-Elemente und die Ausgabe in Echtzeit sind eine große Hilfe für ernsthafte Web-Entwickler.
Ben Carigtan shows you how it’s done. Ben Carigtan zeigt Ihnen, wie's geht.
» Filed Under »Gespeichert unter Free Software Downloads Free Software Downloads
 Save this page Speichern Sie diese Seite |  Stir it up on Mixx Rühren Sie es auf Mixx | |
 Add to Reddit Add to Reddit |  Stumble this page Stumble dieser Seite |
Related Posts Verwandte Beiträge
- How to create animated menus with Adobe Fireworks So erstellen Sie animierte Menüs mit Adobe Fireworks
- How to create your own fonts and edit TrueType fonts So erstellen Sie Ihre eigenen Schriftarten und Bearbeiten von TrueType-Schriftarten
- How to design and create your own custom logo for free Wie zu entwerfen und erstellen Sie Ihre eigenen benutzerdefinierten Logo gratis
- 5 Killer MS Word Formatting Tips 5 Killer MS Word Formatierung Tipps
- Free source code editor for PHP, HTML, Javascript, etc Free-Source-Code-Editor für PHP, HTML, Javascript, etc.
Probably the best CSS editor for Windows. Wahrscheinlich das beste CSS-Editor für Windows.
Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. Statt der offenen schwere Dreamweaver von Visual Studio, ich wahrscheinlich lieber dieses kleine Programm.
It seems you have to have a basic knowledge about CSS before using this. Es scheint, Sie haben ein grundlegendes Wissen über CSS, bevor Sie diese. But CSS is pretty easy, visit and read some lessons from Aber CSS ist recht einfach, besuchen und lesen Sie einige Lehren aus http://www.w3schools.com/css/ , you will make CSS your loyal slave. Sie wird sich CSS Sie Ihre treue Sklave.