• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 37. Using Cascading Style Sheets... > Cascading Style Sheet Basics

Cascading Style Sheet Basics

CSS enables you to format the text on your website using three fundamental methods: redefining HTML code with element styles, creating class styles, and creating ID styles that apply to unique elements such as floating layers. After you create CSS styles, you can then apply them to your content based on HTML tags such as the paragraph tag or use inline styles to format selected text. After you assign the CSS styles to your text, you can then change the styles and watch the text change on your page, visually formatting your page. If you are familiar with hand-coding CSS styles, view the source code in the CSS Editor's source code tab or split the view and look at source code at the same time you create your styles. The latter option is great if you want to learn about the code, or if you want to break down existing code you didn't create. Whether or not you create internal or external style sheets depends on whether you want your formatting to be applied to a single page or to multiple pages in your site. Internal style sheet code appears in the Head section of your document, and external code is saved in an external text document. See “Creating External Style Sheets,” later in this chapter, for more information.

Working with the CSS Editor

The CSS Editor is where you define and control all the cascading style sheets in your document, as shown in Figure 37.1. The CSS Editor contains many tabs when you are defining styles, each tab containing a number of options for formatting your web content. The choices you make in the various tabs of the CSS Editor insert the appropriate code in the Head section of your document when creating internal style sheets:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint