Create your own stylesheet with TopStyle Lite CSS editorエディタTopStyle LiteのCSSで独自のスタイルシートを作成する
Posted on December 8, 2008 at 5:34 am 12月8日、午前5:34に2008年に投稿
Cascading Style Sheets have become a standard format for encoding style definitions of web 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:これは、お客様のコンテンツを別のプレゼンテーションからしていませんインラインスタイルのコンポーネント（つまり、フォントタグ）とは違って、 CSSをあなたのサイト全体を維持するために容易になってしまう場合は、サイトのデザインを編集するには、すべての場合は、 CSSファイルを編集するだけです。個々のページの代わりに。スタイルシートの下にある1つのように見える：
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スタイルの要素：フォントファミリー、スタイル、色とサイズを定義するスタイルシートを作成することができます<a>と<table>の、の<td>などのように任意のHTMLタグを
TopStyle Lite is a free editor for making CSS files. You can get it from this website: TopStyle LiteのCSSファイルを作るのには、無料のエディタです。この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クリーンなインターフェイスは、お客様のCSSコードおよびプレビュー出力することができます。検査官スタイルの要素も用意していますが、クラスやIDのユーザーが作成したの地図のような行為：
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 しかしに追加 |  Stumble this page このページつまずく |
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. Windows用おそらく最高のCSSエディタ。