Expression Web Tutorials

 Learning CSS & Expression Web 2

CSS is an Acronym for Cascading Style Sheets. 

learn css in expression web HTML and CSS are used together to create and Style Web Pages.  Without CSS, our Web Pages would look dull and lifeless.  Without HTML, we would have nothing to Style! 
Therefore, CSS and HTML is one example of a Perfect Marriage! (if ever there was a perfect marriage!!)

 

That said, you do need a bit of HTML knowledge in order to effectively use CSS.  Fortunately, Expression Web writes all the code for us and all we must do is apply the correct HTML tag to our content.

A Brief Overview of HTML Tags

HTML is the foundation of all Web Pages.  You can read more about HTML by using the link in the top navigation.  For now, I am keeping this very very simple.  Just know that we use HTML Tags to provide instructions to a web browser as to how to render our pages. 

Paragraph  <p></p>

For instance, the text you are reading right now is wrapped in HTML paragraph tags. Each paragraph begins with <p> and ends with <p>.

  • <p> is the starting tag, or opening tag.  It tells the browser, "Hey, Start a new Paragraph here!"
  • </p> is the closing tag of a paragraph and indicates to the browser that this is the end of the paragraph.


What does this mean to you?  Well, all you have to do is type your text (or paste text) on a web page, and then apply the <p> tag to that text.

 Hmm....how do we do that? 

Watch the video listed next to see how we apply the paragraph tag.

videoApplying the tag to Text on a Web Page.

After watching this video, continue reading below and learn how to Style the text.

NOTE:  The Video Is Not Ready.  So Please, read how to apply a paragraph tag to your text.
Step 1:  Type your text into the page content


Applying the <p> Tag to Text

Step 1:  Type your text into the page content div. 

Step 2:  If this is the first piece of text on the page, then highlight the text and apply the paragraph tag from the Drop-down menu located in the common toolbar.  It is the drop down menu to the left of the Font Family drop down menu.

Tags drop down menu

Step 3:  Press the Save icon.

To continue to make more paragraphs, simply place your cursor at the end of the first paragraph and press the enter key.  A new paragraph will be created automatically.