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 показывает вам, как это сделать.
» Filed Under », Поданной в соответствии с Free Software Downloads Бесплатное программное обеспечение загрузок
Save this page Сохраните эту страницу | Stir it up on Mixx Обжаренные ее на МИКС | |
Add to Reddit Добавить на Reddit |
Related Posts Соответствующих должностей
- How to create animated menus with Adobe Fireworks Как создавать анимированные меню с Adobe фейерверки
- How to create your own fonts and edit TrueType fonts Как создать свой собственный шрифт и редактирования TrueType шрифты
- How to design and create your own custom logo for free Как разработать и создать свой собственный логотип бесплатно
- 5 Killer MS Word Formatting Tips 5 убийца MS WORD Советы по оформлению
- Free source code editor for PHP, HTML, Javascript, etc Бесплатный редактор исходного кода на PHP, HTML, Javascript, и т.д.























Probably the best CSS editor for Windows. Вероятно, самый CSS редактор для Windows.
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 ваши лояльные работорговли.