Create your own stylesheet with TopStyle Lite CSS editor Создайте свой собственный стиль с TopStyle Lite CSS редактор

Posted on December 8, 2008 at 5:34 am Написал 8 декабря 2008 года в 5:34 утра

Cascading Style Sheets have become a standard format for encoding style definitions of web pages. Спецификация каскадных таблиц стилей стали стандартный формат для кодирования стиль определений веб-страниц. 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: В отличие от встроенное в стиле компонентов (например, шрифт тега), которая не отделяет содержание от представления, CSS делает ваш сайт легче всего сохранить. Если вы хотите изменить внешний вид вашего сайта, все что вам нужно сделать это отредактировать файл CSS Вместо отдельных страниц. стилей выглядеть ниже:

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" представляет собой HTML тег с тем это означает, что все мои содержание внутри тега <P> будет, что стиль. В приведенном выше примере я определено 4 стиля элементы: шрифт семья, стиль, цвет и размер. Вы можете создавать таблицы стилей для любых HTML тегов, как <a>, <TABLE>, <TD> и т.д.

TopStyle Lite is a free editor for making CSS files.  You can get it from this website: TopStyle Lite это бесплатный редактор для CSS файлов. Вы можете скачать его с этого сайта: 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 имеет чистый интерфейс, где вы можете поместить ваш CSS код и прослушать производства. Стиля инспектор также доступна, что акты, как карта элементов, классы и идентификаторы, которые вы создаете:

изображение

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: Как вы видели выше, это не является WYSIWYG инструментом. Вам нужно будет ввести код CSS, но сам код редактор всплывающие предложения для руководства Вам эту задачу:

изображение

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: Стиль инспектор может выступать в качестве ссылки для перехода к отдельным элементам. Щелкните элемент выделить кода элемента в коде редактора:

изображение

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: Редактор свойств под стиль окна инспектора также может быть использована для редактирования CSS-код. Стиль листе код автоматически будет изменяться при изменении параметров элементов дизайна под вкладку Свойства:

изображение

Once you are done you can save the CSS file directly as a CSS file: После того как вы сделали Вы можете сэкономить CSS файл непосредственно в 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 представляет собой простой в использовании инструмент для создания CSS код с помощью очень незначительных усилий. Это возможность предоставить Вам заранее элементы дизайна и показывать пример вывода в реальном времени, большая помощь для серьезных веб-разработчиков.

Ben Carigtan shows you how it’s done. Бен Carigtan показывает вам, как это сделать.

Enjoyed this post? Понравилась эта должность? Subscribe to Online Tech Tips via Подключение к Интернет Технология Советы через RSS Feed RSS Подача or via или через Email Электронная почта and receive free daily productivity tips. и получите бесплатно ежедневно производительности советы.

» Filed Under », Поданной в соответствии с Free Software Downloads Бесплатное программное обеспечение загрузок

Добавить в Delicious Save this page Сохраните эту страницу МИКС он Stir it up on Mixx Обжаренные ее на МИКС
Reddit Add to Reddit Добавить на Reddit StumbleUpon Stumble this page Спотыкаться на этой странице

Related Posts Соответствующих должностей

2 Responses to “Create your own stylesheet with TopStyle Lite CSS editor” 2 Ответы на "Создайте свой собственный стиль с TopStyle Lite CSS редактор"

  1. cicom3nd3z said on : cicom3nd3z сказал:

    Probably the best CSS editor for Windows. Вероятно, самый CSS редактор для Windows.


  2. Phao Loo Phao Лоо said on : сказал:

    Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. Вместо того чтобы открыть большой Dreamweaver от Visual Studio, возможно, я предпочитаю этой небольшой утилиты.

    It seems you have to have a basic knowledge about CSS before using this. Похоже, вы должны иметь базовые знания о CSS, перед использованием этого. But CSS is pretty easy, visit and read some lessons from Но CSS очень легко, посетить и прочитать некоторые уроки из http://www.w3schools.com/css/ , you will make CSS your loyal slave. , Вы будете делать CSS ваши лояльные работорговли.


    Please post your comments/suggestions! Пожалуйста, ваши комментарии и предложения!