Expression Web CSS Tutorial In ASP.NET Master Page Part -2

In Previous post Expression Web Asp.Net Master Page Tutorial i told you what is Master Page and how to start making ASP.NET site using Microsoft Expression Web i also told you what is ContentPlaceHolder.

In this tutorial i tell you about what is CSS and Page Properties. Web page properties let you set page title, formatting options, background images, change background and text colors, language and various workgroup settings etc..

Now just delete this ContentPlaceHolder,select ContentPlaceHolder use delete key of your keyboard,don't worry we can add it latter :).now delete it.

Expression Web CSS Tutorial In  ASP.NET Master Page
let's go here to start working on this empty page.we can design ASP.NET Master pager like to desgin any other page.I am going to use CSS to design Master Pages.

What is CSS ?

CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in a markup language.it define how to display HTML elements,CSS is used for formatting structured content.CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things.Just wait and see! CSS offers more options and is more accurate and sophisticated. CSS is supported by all browsers today.multiple style definitions will cascade into one.Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML documents, it have numerous advanced and sophisticated techniques which are easy to use and understand.

if you don't have knowledge about CSS i recommend you to read about it form here

We used Page Properties to change the title of the page. Apart from this you can set the background, sound and color, language, margins and workgroup options for the page. To set the page properties:

now go to File > Properties

Expression Web CSS Tutorial In  ASP.NET Master Page

General Tab General tab lets you manage essential information about your page such as the Location, Page Title.Page Description and Keywords fields were used to categorize pages.which is good for SEO. Write title you want.i use title How To Do.., leave all other blank we will use it latter
Expression Web CSS Tutorial In  ASP.NET Master Page

Formatting Tab Formatting tab lets you set and format the background settings.The Background picture checkbox lets you place an image in the page background(if you want),Background color,Text color, Hyperlink color,Visited Link color,Active Hyperlink color ,Hovered link Color you can choose what you want in your ASP.NET website .. and click OK..

Expression Web CSS Tutorial In  ASP.NET Master Page

Advanced Tab Advanced tab lets you set margins for that specific page.

Expression Web CSS Tutorial In  ASP.NET Master Page

why "0" in all i will tell you latter..

Here you can see the background color changes to color what i want.

Expression Web CSS Tutorial In  ASP.NET Master Page

When you set properties like this Expression Web automatically creates Styles.

Apply Styles and Manage Styles
The Apply Styles task pane enables
# To apply, remove, modify and delete styles attach.
# To detach external cascading style sheets (CSS).
# To Select all instances of a style and traverse to the code that defines a style’s rule set.
# Apply Styles task pane displays each style according to the rules of the style, so you can identify the style you want to apply just by looking at the style’s visual appearance.

In Apply style Tab you can see all styles you can apply like Background Picture(if you want),Background color,Text color.

Expression Web CSS Tutorial In  ASP.NET Master Page

In Manage style Tab you can see all styles you can Manage like Hyperlink color,Visited Link color,Active Hyperlink color ,Hovered link Color..

Expression Web CSS Tutorial In  ASP.NET Master Page

Next part i will show you in another (Div Tags,CSS Properties) Expression Web Master Page Tutorial in ASP.NET ..

Share this

Related Posts

There was an error in this gadget