Create your own stylesheet with TopStyle Lite CSS editor Crea tu propio estilo con TopStyle Lite editor de CSS
Posted on December 8, 2008 at 5:34 am Publicado el 8 de diciembre de 2008 a 5:34 horas
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Hojas de Estilo en Cascada se han convertido en un formato estándar para la codificación de las definiciones de estilo 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: A diferencia de los componentes de estilo "inline" (es decir, la etiqueta de fuente), que no separa el contenido de la presentación, hace que su CSS todo el sitio más fácil de mantener. Si desea modificar la apariencia de su sitio, todo lo que tienes que hacer es editar el archivo CSS en lugar de las páginas individuales. hojas de estilo similar a la de la una a continuación:
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" es una etiqueta HTML por lo que este significa que todos los de mi contenido en el interior de la <P> tendrá ese estilo. En el ejemplo anterior he definido estilo 4 elementos: familia de fuentes, estilo, color y tamaño. Puede crear hojas de estilo para cualquier etiqueta 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 es un editor libre para hacer los archivos CSS. Usted puede obtener de este sitio web: 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 tiene una interfaz limpia donde usted puede poner su código CSS y una vista previa de la salida. Un estilo inspector también está disponible que actúa como un mapa de elementos, clases y números de identificación que se 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: Como se ha visto antes, no se trata de una herramienta WYSIWYG. Tendrá que escribir el código CSS en solitario, pero el editor de código ha pop-up sugerencias a guiarlo en esta tarea:
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: El estilo inspector podría actuar como un atajo para saltar a los elementos individuales. Haga clic en un elemento para resaltar el código del elemento en el editor de código:
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: El editor de propiedades bajo la ventana de Estilo podría también ser usado para editar el código CSS. La hoja de estilo de código cambia automáticamente a medida que cambiar los parámetros de los elementos de diseño en virtud de la ficha de propiedades:
Once you are done you can save the CSS file directly as a CSS file: Una vez que haya terminado puede guardar el archivo CSS directamente como un archivo 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 es una herramienta fácil de usar para crear código CSS usando muy poco esfuerzo. Es la capacidad de proveer a usted con elementos de diseño predefinidas y la pantalla muestra la salida en tiempo real son una gran ayuda para los desarrolladores web graves.
Ben Carigtan shows you how it’s done. Ben Carigtan muestra cómo se hace.
» Filed Under »Filed Under Free Software Downloads Descargas de Software Libre
 Save this page Guardar esta página |  Stir it up on Mixx Revuelva hasta que en Mixx | |
 Add to Reddit Añadir a Reddit |  Stumble this page Stumble esta página |
Related Posts Puestos relacionados con la
- How to create animated menus with Adobe Fireworks Cómo crear menús animados con Adobe fuegos artificiales
- How to create your own fonts and edit TrueType fonts Cómo crear sus propios tipos de letra y editar fuentes TrueType
- How to design and create your own custom logo for free Cómo diseñar y crear su propio logotipo personalizado gratis
- 5 Killer MS Word Formatting Tips 5 asesino MS Word sugerencias de formato
- Free source code editor for PHP, HTML, Javascript, etc Libre editor de código fuente para PHP, HTML, Javascript, etc
Probably the best CSS editor for Windows. Probablemente el mejor editor CSS para Windows.