| Author: soniumesh 31 Dec 2008 | Member Level: Gold | Rating:  Points: 6 |
hi,
Refer following links that will help you
http://www.dotnetspider.com/forum/182536-Diiference-Skin-file-CSS.aspx
http://www.dotnetspider.com/forum/133002-differences-between-stylesheet-skin-files.aspx
http://www.beansoftware.com/ASP.NET-Tutorials/Themes-Skins.aspx
Regard,
umesh
Regard,
umesh soni
|
| Author: gowthami chowdary 31 Dec 2008 | Member Level: Gold | Rating: Points: 6 |
Style sheets represent a major breakthrough for Web page designers, expanding their ability to improve the appearance of their pages. In the scientific environments in which the Web was conceived, people are more concerned with the content of their documents than the presentation. As people from wider walks of life discovered the Web, the limitations of HTML became a source of continuing frustration and authors were forced to sidestep HTML's stylistic limitations. While the intentions have been good -- to improve the presentation of Web pages -- the techniques for doing so have had unfortunate side effects. These techniques work for some of the people, some of the time, but not for all of the people, all of the time. They include:
-> Using proprietary HTML extensions
->Converting text into images
->Using images for white space control
->Use of tables for page layout
->Writing a program instead of using HTML
These techniques considerably increase the complexity of Web pages, offer limited flexibility, suffer from interoperability problems, and create hardships for people with disabilities.
Style sheets solve these problems at the same time they supersede the limited range of presentation mechanisms in HTML. Style sheets make it easy to specify the amount of white space between text lines, the amount lines are indented, the colors used for the text and the backgrounds, the font size and style, and a host of other details.
When you see a skin, you are seeing only the surface. Behind the surface are several files that make up the complete skin. Technically speaking, a skin is a group of files, with each file containing a specific kind of information. Here are the types of files you can use to make up a complete skin.
When you started working with ASP.NET 2.0, especially using Visual Studio 2005 and added controls to the web page like a Textbox control you may of have recognized that there are two new properties (attributes) present in almost every control. They are the EnableTheming and ThemeID. Also there are additional attributes for the Page directive related to Themes.
Themes are a feature similar to style sheets as they help to supply a standard look and feel to web controls. You can use CSS style sheets to supply styles to HTML elements but if you wanted to use a set of predefined styling attributes to your web controls then you should use a Theme.
Themes are contained in a special ASP.NET folder called App_Themes and each Theme you want to add in your web application should reside in a separate folder under this App_Themes folder. Let’s say you want to create a Theme called Dallas for the visitors that are coming from Dallas then you can create a DallasTheme folder under App_Themes folder to represent this Theme. In this folder you need to create a skin file. A skin file a file in which you describe the visual styles that are used by pages that will use this Theme. The name if the skin file is not important but the extension should be .skin.
|
| Author: Deepika Haridas 31 Dec 2008 | Member Level: Diamond | Rating: Points: 6 |
Hi,
Skins—A set of properties that define a control's appearance
Cascading style sheet (CSS)—A standard for defining the appearance and layout attributes of HTML elements
Images—Files that define the site's appearance, such as company logos
A theme has, at minimum, a skin file. Some overlap occurs between skins and CSS because both are used to control appearance. They have some crucial differences, however:
Skins don't cascade. Unlike with CSS, where you can create a hierarchy of styles, you define one skin for each type of control you use on your site. See the sidebar "Cascading styles" for more details on how CSS styles cascade.
Skins define properties for ASP.NET Web server controls. CSS styles apply to HTML elements.
Skins apply to a single Web server control. Styles can apply to a single HTML element or to collections of elements.
Styles can be used to control the positioning of elements on a page.
Example:
.buttonNormal
{
color : white;
font-family : Tahoma ,Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
width : auto;
background-color: #667c90;
border-color : #667c90;
border-width : 1pt;
border-style : Outset;
}
Now .aspx source should look like the following
<head runat="server">
<title>Untitled Page</title>
<LINK title="style" href="StyleSheet.css" type="text/css" rel="stylesheet">
</head>
Thanks & Regards,
Deepika
Editor
If U want to shine like a SUN..First U have to burn like the SUN!!
Need a Guide? Join my mentor program..
|
| Author: Lakshmi 31 Dec 2008 | Member Level: Gold | Rating: Points: 6 |
Hi,
Skins—A set of properties that define a control's appearance
Cascading style sheet (CSS)—A standard for defining the appearance and layout attributes of HTML elements
Images—Files that define the site's appearance, such as company logos
A theme has, at minimum, a skin file. Some overlap occurs between skins and CSS because both are used to control appearance. They have some crucial differences, however:
Skins don't cascade. Unlike with CSS, where you can create a hierarchy of styles, you define one skin for each type of control you use on your site. See the sidebar "Cascading styles" for more details on how CSS styles cascade.
Skins define properties for ASP.NET Web server controls. CSS styles apply to HTML elements.
Skins apply to a single Web server control. Styles can apply to a single HTML element or to collections of elements.
Styles can be used to control the positioning of elements on a page.
Example:
.buttonNormal
{
color : white;
font-family : Tahoma ,Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bold;
width : auto;
background-color: #667c90;
border-color : #667c90;
border-width : 1pt;
border-style : Outset;
}
Now .aspx source should look like the following
<head runat="server">
<title>Untitled Page</title>
<LINK title="style" href="StyleSheet.css" type="text/css" rel="stylesheet">
</head>
|