Create your own stylesheet with TopStyle Lite CSS editor 편집기 TopStyle Lite과 CSS로 자신만의 스타일 만들기
Posted on December 8, 2008 at 5:34 am 12 월 8 일, 2008 게시됨 오전 5:33
Cascading Style Sheets have become a standard format for encoding style definitions of web pages. CSS 스타일 시트를 웹 페이지의 스타일을 정의하기위한 표준 형식으로 인코딩되고있다. 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 스타일 요소 : 글꼴 가족, 스타일, 색상 및 크기를 정의했다. 당신은 스타일 시트를 만들 수있습니다 용건이 있으신, <TABLE>, <TD> 등과 같은 모든 HTML 태그에 대한
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 코드 및 미리보기 출력을 넣을 수있다. 한 스타일의 경위도 가능합니다 그 요소, 그리고 여러분이 만드는 클래스 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 코드를 사용하여 아주 작은 노력을 만들기위한 도구를 사용하는 것입니다. 이건 미리 정의된 디자인 요소와 함께 제공하고 출력 예제 Real - Time을 표시 기능을 심각하게 웹 개발자를위한 큰 도움이됩니다.
Ben Carigtan shows you how it’s done. Carigtan 벤 어떻게하면되는지 보여줍니다.
» Filed Under »출원에서 Free Software Downloads 무료 소프트웨어 다운로드
 Save this page 이 페이지를 저장 |  Stir it up on Mixx Mixx에 올려 파문 | |
 Add to Reddit reddit에 추가 |  Stumble this page 이 페이지를 더듬다 |
Related Posts 관련 게시물
- How to create animated menus with Adobe Fireworks 어도비와 애니메이션 메뉴를 만드는 방법에 불
- How to create your own fonts and edit TrueType fonts 자신만의 서체를 작성하고 편집하는 방법 트루타입 글꼴
- 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을, 자바 스크립트, 등등에 대한 무료 소스 코드 편집기
Probably the best CSS editor for Windows. Windows 용 아마 최고의 CSS를 편집기.
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를 귀하의 충실한 노예하게된다.