Expression Web Master Page Tutorial in ASP.NET Part -3 (Div Tags,CSS Properties)

In previous post CSS Tutorial In ASP.NET Master Page Expression Web i told you what is CSS and all about page properties like adding Background Picture,Background colors,Text colors, Hyperlink colors,Visited Link colors etc using Microsoft Expression.

In this tutorial i tell you how to use <.div.> tags and about CSS properties.

What Is Div Tag ?

Div tags are block elements that allow you to position elements contained within them.they can "hold" other HTML elements, and they can be positioned anywhere on the screen.it allow you to create blocks of content like table-based Web designs.

Basics of CSS Styles

1.As an "inline Style" which is directly apply on page
2.As a "class" that can be applied to multiple elements
3.As a tag name that will then cause all those tags in the page to pick up the style's attributes
4. As an ID based style that will be applied to one element in a page that has that ID
These Style are defined using special syntax

1.Inline Styles

# Inline Style are defined directly on the page element that they are intended to affect.
# It Defined using the style attribute.
# Inline styles are useful for very localized styling,but had better be avoided since we are mixing our presentation directly into our content.

2.Tag Based CSS Style


# Tag based styles are useful for providing a central way of controlling how all tags of particular name displayed.
# It also defined by creating a style rule that has the same name as the tag.

3.Class Based CSS Style
Expression Web Master Page Tutorial in ASP.NET (Div Tags,CSS Properties)
# class based style define a style sheet with a meaningful name that can be applied to any element on the page.
# It is useful for defining styles that will be used on more than one kind of element.

4.ID Based CSS Style
Expression Web Master Page Tutorial in ASP.NET (Div Tags,CSS Properties)
# ID Based styles define a styl sheet that is signified to be applied to onlt one element on the Web page
# It is useful for defining a style that you only want to be used once in the page.


Now we add DIV tag to our Master PageThe easiest way to adding DIV tags just double click on DIV in Toolbox - HTML - Tage as shown in below picture or you can drag n drop tags where you want.

Expression Web Master Page Tutorial in ASP.NET (Div Tags,CSS Properties)

After inserting DIV tag , create new style which control this DIV tag that how it position on this page,to do that simply click on New Style on Manage styles or Apply Styles.

Expression Web Master Page Tutorial in ASP.NET (Div Tags,CSS Properties)

As i told you that CSS used to apply presentational attributes to the content of a web page.CSS can be defined and applied in several.

Now you see popup window of New Style.
Expression Web Master Page Tutorial in ASP.NET (Div Tags,CSS Properties)

Next part i will show you in another tutorial(DIV Properties,Top Header)Tutorial Expression Web Asp.Net Master Page..

Share this

Related Posts

There was an error in this gadget