tag:blogger.com,1999:blog-63483252564798688902024-03-21T14:39:58.818-07:00Responsive Template ( With Html 5 And Css)asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-6348325256479868890.post-34623315754693099942015-05-12T04:09:00.001-07:002015-06-25T12:50:31.021-07:00What is CSS how to use in web Application?<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><u>What is CSS how to use in web Application?<a name='more'></a></u></span></h2>
<div class="MsoNormal">
<o:p><span style="font-family: Arial, Helvetica, sans-serif;"> </span></o:p><span style="font-family: Arial, Helvetica, sans-serif;">CSS is short for Cascading Style Sheets and is the primary
language used to describe look and formatting for web pages across the Internet
and documents of markup (e.g. HTML and XML) in general.</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">A markup language like HTML was initially designed to
provide information about formatting and looks itself, but it soon became clear
that it would make much more sense to split this into two layers: Document
Content and Document Presentation, with CSS fulfilling the task of the latter.
Historically that is why HTML has tags like font, which sole purpose is to
adjust font family, color and size locally, a job that is today handled by CSS.</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> This allows the developer to re-use formatting rules across several places in
the same document and even across multiple documents. Here's an example to
prove my point, and don't worry if it's not entirely clear to you what it does
- all aspects will be explained throughout this tutorial:<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>Old style text formatting, using only HTML:</u></span></h3>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Try this example of css in your html page:<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">This is a piece of<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><font face="Tahoma,Verdana,Arial"
color="Blue"
size="3"><i><b>text</b></i></font>
with<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><font face="Tahoma,Verdana,Arial"
color="Blue"
size="3"><i><b>highlighted</b></i></font>
elements in<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><font face="Tahoma,Verdana,Arial"
color="Blue"
size="3"><i><b>it</b></i></font>.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">A more modern approach with CSS:<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>Try this example also this is related to css in your html
page:</u></span></h3>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><style type="text/css"><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">.highlight {<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> color: Blue;<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> font-style:
italic;<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> font-weight:
bold;<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> font-size:
120%;<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> font-family:
Tahoma, Verdana, Arial;<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">}<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"></style><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<h3 style="text-align: left;">
<span style="color: #cc0000; font-family: Arial, Helvetica, sans-serif;"><u>See this is a piece of:</u></span></h3>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="highlight">text</span>
with<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><span
class="highlight">highlighted</span> elements in<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><span class="highlight">it</span>.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Notice how I simply re-use the same set of rules across
several HTML tags. This is already an advantage when using it three times, like
we do in the example, but it doesn't end there - put the CSS in an external
stylesheet file (more on that later) and you can use the same rules across your
ENTIRE website. And how about when you decide that highlighted text should be
red instead of blue? With the first approach, you would have to manually edit
the tags everywhere you used it - with CSS, just change the single
".highlight" rule!<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<h4 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>More About Css:</u></span></h4>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">CSS allows you to easily apply rules about formatting and
layout to your HTML elements and then re-use those rules across multiple elements
and even pages. In this introduction, we looked at some CSS code, but we did
not talk about how it works and why it looks the way it does - this will be the
subject for the next couple of chapters, where we start from scratch and
explain it all in details.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">1. What is CSS?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
The full <span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">form</span> of CSS is Cascading Style Sheets. It is a styling language which is simple enough for HTML elements. It is popular in web designing, and its application is common in XHTML also.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">2. What is the origin of CSS?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
Standard Generalized Markup Language marked the beginning of style sheets in 1980s.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">3. What are different ways to integrate a CSS into a Web page?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
There are three ways to integrate CSS into a Web page</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
a.) Inline: HTML elements may have CSS applied to them via the STYLE attribute.<br />b.) Embedded: By placing <span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">the code</span> in a STYLE element within the HEAD element.<br />c.) Linked/ Imported: Place the CSS in an external file and link it via a link element.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">4. What are CSS frameworks?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
It is a pre-planned libraries, which allows easier and more standards-compliant web page styling, using CSS language.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">5. Who maintains the CSS specifications?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
World Wide Web Consortium maintains the CSS specifications.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">6. What do you </strong>means<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> by CSS selector?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
A string equivalent of HTML elements by which declarations or a set of it, is declared and is a link that can be referred for linking HTML and Style sheet is CSS selector.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">7. Why is it easy to insert a file by importing it?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
Importing enables combining external sheets to be inserted in many sheets. Different files and sheets can be used to have different functions. Syntax:</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
@import notation, used with <Style> tag.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">8. Is it Possible to add more than one CSS?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
Yes, it can be achieved by using a semicolon.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">9. What is float property of CSS?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
The float property specifies whether or not a box (an element) should float.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">10. How does Z index function?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">Overlapping</span> may occur while using CSS for positioning HTML elements. Z index helps in specifying the overlapping element. It is a number which can be positive or negative, the default value being zero.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">11. How can you remove gap under the image?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
As images being inline elements are treated same as texts, so there is a gap left, which can be removed by using the CSS code: img { display: block ; }</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">12. Why </strong>we use<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> CSS @import only at the top?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
@import is preferred only at the top, to avoid any overriding rules. Generally, ranking order is followed in most programming languages such as Java, Modula, etc. In C, the # is a prominent example of a @import being at the top.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">13. What is Inline style?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
The Inline style in a CSS is used to add up styling to individual HTML elements.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">14. How comments can be added in CSS?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
The comments in CSS can be added with /* and */.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">15. Define Attribute Selector?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
It is defined by a set of elements, value and its parts.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">20. Define property?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
A style, that helps in influencing CSS. E.g. FONT. They have corresponding values or properties within them, like FONT has different style like bold, <span class="IL_AD" id="IL_AD11" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">italic</span> etc.</div>
<div style="background-color: white; border: 0px; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #444444;">21.</span> <span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">How to restore</span><span style="color: #444444;"> the default property value using CSS?</span></strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
In short, there’s no easy way to restore to default values to whatever a browser uses. The closest option is to use the ‘initial’ property value, which will restore it to the default CSS values, rather than the browser’s default styles.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">22. How many fonts are available in all CSS version?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
Only five basic font families( serif, sans-serif, cursive, fantasy, and monospace) are recognized across platforms, rather than specific fonts.<br />Specific font name recognitions will vary by browser</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">23. What are the advantages/disadvantages of using CSS preprocessors?</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
Here is another opportunity to discuss your personal preferences on use of CSS preprocessors and why.<br />While there’s no right or wrong answer here, below are some commonly cited pros and cons of using preprocessors:</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Benefits:</strong> Ability to use nested syntax, define variables and mixins, use of mathematical and operational functions, and the ability to join multiple files into a single one.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Disadvantages:</strong> Difficulties tracking<a href="http://asp-net-by-parijat.blogspot.in/2015/06/how-to-save-datatable-into-viewstate.html" target="_blank"> <span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat !important; background-size: initial !important; border-bottom-color: rgb(27, 142, 222) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; color: rgb(27, 142, 222) !important; cursor: pointer !important; display: inline !important; float: none !important; margin: 0px; padding: 0px 0px 1px !important; position: static; vertical-align: baseline;">file size</span></a>, maintenance and updating issues, difficulties debugging.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">24. Explain the difference between </strong>visibility:hidden<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> and </strong>display:none</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">visibility:hidden</strong> simply hides the element, while it will still take up space and affect the layout of the document.<br /><strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">display:none</strong> also hides the element, but will not take up space and the page will appear as if the element is not present.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">25. Explain what a Class selector and ID selector:</strong></div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">Class selector:</strong> A class can be thought of as a grouped collection of CSS attributes applied to HTML elements. This allows you to apply the same styling to multiple HTML elements by placing them in the same CSS class.</div>
<div style="background-color: white; border: 0px; color: #444444; font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 20px; padding: 0px 0px 0px 30px; vertical-align: baseline;">
<strong style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">ID selector:</strong> IDs are used to identify and apply styling to a single specific HTML element. IDs are defined within the HTML page by inserting an ID selector in the HTML element</div>
</div>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com2tag:blogger.com,1999:blog-6348325256479868890.post-84661521984044209162014-09-24T23:50:00.002-07:002015-02-09T00:50:34.196-08:00Html tags, Paired Tags Unpaired Tags:<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Paired Tags Unpaired Tags in Html:<a name='more'></a></u></span></h2>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Tags are instructions that are embedded directly into the
text of a HTML document. Each HTML tag describes that the browser should do
something instead of simply displaying the text. In HTML, the tags begin with
(<) and end with (>)</span></div>
<div class="MsoNormal">
</div>
<h3 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #990000; font-size: large;"><u>Html tags:</u></span></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">
HTML tags can be of two types. They are</span><br />
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">Paired Tags</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Unpaired Tags</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwY2Fy4nsnPqfnL0K7LkGryaTlHIy-bUuugh4ubs0mgJS_WvAhZQG2aHJe_9CM77KY55q3lWF58YZIUfn6PdvRNQn0JlI43Xx8nXXPdNleHK4qvK1WA1-nl0c0wmQ-hlMhub3jwWEmQ0U/s1600/HTMLTag+paired+and+nupaired.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Html tags, Paired Tags Unpaired Tags" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwY2Fy4nsnPqfnL0K7LkGryaTlHIy-bUuugh4ubs0mgJS_WvAhZQG2aHJe_9CM77KY55q3lWF58YZIUfn6PdvRNQn0JlI43Xx8nXXPdNleHK4qvK1WA1-nl0c0wmQ-hlMhub3jwWEmQ0U/s1600/HTMLTag+paired+and+nupaired.jpg" height="322" title="Html tags, Paired Tags Unpaired Tags" width="640" /></a></div>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>Paired Tags:</u></span></h3>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">A tag is said to be a paired tag if the text is placed
between a tag and its companion tag. In paired tags, the first tag is referred
to as Opening Tag and the second tag is referred to as Closing
Tag.</span></div>
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Example of Paired Tag:</u></span></h3>
<div class="MsoNormal">
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;"><body></body></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><table></table></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><h1></h1></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><div></div></span></li>
</ul>
</div>
<br />
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">These are all paired tag, these have starting tag < “tag_name
” > and closing tag </ “tag_name”>.</span>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 300px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Difference between paired Tags and unpaired tags:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">Paired tags are those tags which have opening and closing
tags.</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">
For Example:</span></div>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">< body></body></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><div>/<div></span></li>
</ul>
<br />
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">
unpaired tags are those tags which don't have a closing tag.<br />
For Example:</span></div>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">< BR > </span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><img></span></li>
</ul>
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Other HTML Related post:</u></span></h3>
<ul style="text-align: left;">
<li><a href="http://responsivecsstempleat.blogspot.in/2014/09/what-is-html-how-to-make-html-page.html" style="font-family: Arial, Helvetica, sans-serif; line-height: 27.7199993133545px; text-decoration: none; text-transform: uppercase;" target="_blank"><span style="color: #3d85c6;"><span style="font-size: 20px;">I</span>NTRODUCTION OF HTML</span></a></li>
<li><a href="http://responsivecsstempleat.blogspot.in/2014/09/difference-between-xhtml-and-html.html" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 27.7199993133545px; text-decoration: none;" target="_blank"><span style="color: #3d85c6;">XHTML and HTML</span></a></li>
</ul>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com4tag:blogger.com,1999:blog-6348325256479868890.post-15807750997081739562014-09-23T22:59:00.000-07:002014-09-24T23:35:17.660-07:00What is html how to make html page<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Introduction of HTML:<a name='more'></a></u></span></h2>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #990000; font-size: large;"><u>What is HTML Language (web language?):</u></span></span></h3>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Hyper Text Markup Language (HTML) developed by Physicist Tim
Berners-Lee in 1990.</span></div>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">HTML stands for Hyper Text Markup Language</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">A markup language is a set of markup tags</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">HTML documents are described by HTML tags</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Each HTML tag describes different document content</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">HTML language used to create web pages.</span></li>
</ul>
<br />
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Physicist Tim Berners-Lee was a contractor at CERN. He Make a
system for CERN researchers to use and share documents. Berners-Lee wrote a
memo proposing an Internet-based hypertext system in 1989. Berners-Lee
specified HTML and wrote the browser and server software in late 1990 when he
was working with data system engineer In CERN.</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">Hyper Text Markup Language is a markup language that web
browsers use to interpret and compose text, images and other material into
visual web pages</span></div>
<h3 style="text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><u><span style="color: #990000;">HTML is a tag base language. Here two types of tag used</span></u> </span></h3>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">Paired tag.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Non-paired tag.</span></li>
</ul>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Basic Structure of html page.</u></span></h3>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><html><br />
<head><br />
<title>title of page. </title><br />
</head><br />
<body><br />
<h1> My first web page. </h1><br />
<p> hi friend how r you .</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"> <br/> I
am working as a software developer in <a href="http://asp-net-by-parijat.blogspot.in/2013/09/introduction-of-c-csharp-also-know-asc.html" target="_blank">Asp.net framework</a> with <a href="http://asp-net-by-parijat.blogspot.in/p/sql-server.html" target="_blank">sql data base</a>.</span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"></p><br />
</body><br />
</html></span></div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 300px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Make an HTML Document:</u></span></h3>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBpXljUwf39W3ldikH2icmaF0EcRk3bLluBNoRt2uoUHjdyAUo1uFjZ2QQK_D1Mtl-OC_xtpzwlUMMtZWdvZXTtCAZAHaPeiXBaxDm40J3hHPLwSsDOX_nXTezOkaVz4FVHlZDizPAqHW/s1600/html_page.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="what is html how to make html page" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYBpXljUwf39W3ldikH2icmaF0EcRk3bLluBNoRt2uoUHjdyAUo1uFjZ2QQK_D1Mtl-OC_xtpzwlUMMtZWdvZXTtCAZAHaPeiXBaxDm40J3hHPLwSsDOX_nXTezOkaVz4FVHlZDizPAqHW/s1600/html_page.PNG" height="420" title="what is html how to make html page" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><div class="MsoNormal">
<span style="font-size: large;"><b>HTML Document</b></span></div>
</td></tr>
</tbody></table>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br />
<div class="MsoNormal">
<br /></div>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com1tag:blogger.com,1999:blog-6348325256479868890.post-7233428930352981672014-09-20T03:45:00.001-07:002014-09-22T21:27:55.863-07:00Difference between XHTML and HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Difference between XHTML and HTML:<a name='more'></a></u></span></h2>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-6244463898969905"
data-ad-slot="2099865075"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;">The first difference between XHTML and HTML is that XHTML
can be said to be a hybrid language that bridges HTML to XML. HTML5 on the
other hand is only the fifth version of the initial HTML 5. Markup
representation between XHTML and HTML 5 differ and this is a very special .</span></div>
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Some points of difference are listed here: </u></span></h3>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="font-family: Arial, Helvetica, sans-serif;">HTML 5 is a revision of HTML which means Hyper Text Markup Language</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">XML means Extensible Hyper Text Markup Language</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">XHTML is a bridge between HTML and XML</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">XHTML and HTML 5 present different ways through which markup
can be presented</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">XHTML similar to HTML 4.0 but not similar to HTML 5.0</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">All tags that must be opened in HTML must be closed.</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">HTML 5 is less strict to its requirements on coding as
opposed to XHTML</span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;">XHTML comes with restrictions on what tags can be nested
within each other and HTML 5 is not as strict on nesting.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
</div>
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 300px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFL-6Dao6ApLbfqt0NRkwxNeLB4sWdRRVu2DNwopcvWtdSk8EaqJd-LOYMkfdQ4h0d3AkGfExMVimUe8Bs4nnZiCSrvMavjy2bNRx6ZUGbeWpQokXcyXyVqvkaGdHQElyBKFK1ryw8lj1/s1600/diff-html-xhtml.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Difference between XHTML and HTML" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdFL-6Dao6ApLbfqt0NRkwxNeLB4sWdRRVu2DNwopcvWtdSk8EaqJd-LOYMkfdQ4h0d3AkGfExMVimUe8Bs4nnZiCSrvMavjy2bNRx6ZUGbeWpQokXcyXyVqvkaGdHQElyBKFK1ryw8lj1/s1600/diff-html-xhtml.PNG" height="312" title="Difference between XHTML and HTML" width="640" /></a><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<br />
<br />
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com2tag:blogger.com,1999:blog-6348325256479868890.post-74021726922104789762014-08-20T01:02:00.003-07:002014-08-20T01:12:12.892-07:00Centering Footer With CSS/HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<u><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">Centering Footer:<a name='more'></a></span></u></h2>
<div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Footer CSS/HTML</u></span></h3>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><!</span><span style="color: maroon;">DOCTYPE</span> <span style="color: red;">html</span> <span style="color: red;">PUBLIC</span> <span style="color: blue;">"-//W3C//DTD
XHTML 1.0 Transitional//EN"</span> <span style="color: blue;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">html</span> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">head</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">meta</span> <span style="color: red;">http-equiv</span><span style="color: blue;">="Content-Type"</span> <span style="color: red;">content</span><span style="color: blue;">="text/html; charset=utf-8"</span> <span style="color: blue;">/></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">title</span><span style="color: blue;">></span>Untitled Document<span style="color: blue;"></</span><span style="color: maroon;">title</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">style</span> <span style="color: red;">type</span><span style="color: blue;">="text/css"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;">@import</span>
url('http://fonts.googleapis.com/css?family=Lato:300');<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;">@import</span>
url('http://weloveiconfonts.com/api/?family=entypo');<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">*</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">margin</span>: <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">html</span>, <span style="color: maroon;">body</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">height</span>: <span style="color: blue;">100%</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">body</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#ddd</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.content</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">30px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font</span>: <span style="color: blue;">300</span> <span style="color: blue;">40px</span> <span style="color: blue;">Lato,</span> <span style="color: blue;">sans-serif</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#999</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#eee</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.footer</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">20px</span> <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">display</span>: <span style="color: blue;">inline-block</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">width</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">height</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">margin</span>: <span style="color: blue;">0</span> <span style="color: blue;">10px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">line-height</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font-family</span>: <span style="color: blue;">Entypo</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font-size</span>: <span style="color: blue;">35px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#bbb</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">border-radius</span>: <span style="color: blue;">50%</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#eee</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">overflow</span>: <span style="color: blue;">hidden</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">transition</span>: <span style="color: blue;">color</span> <span style="color: blue;">.3s</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social:hover</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#59d</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">cursor</span>: <span style="color: blue;">pointer</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">box-shadow</span>: <span style="color: blue;">rgb(210, 210,
210)</span> <span style="color: blue;">1px</span> <span style="color: blue;">1px,</span>
<span style="color: blue;">rgb(210, 210, 210)</span> <span style="color: blue;">2px</span>
<span style="color: blue;">2px,</span> <span style="color: blue;">rgb(211, 211,
211)</span> <span style="color: blue;">3px</span> <span style="color: blue;">3px,</span>
<span style="color: blue;">rgb(211, 211, 211)</span> <span style="color: blue;">4px</span>
<span style="color: blue;">4px,</span> <span style="color: blue;">rgb(211, 211,
211)</span> <span style="color: blue;">5px</span> <span style="color: blue;">5px,</span>
<span style="color: blue;">rgb(212, 212, 212)</span> <span style="color: blue;">6px</span>
<span style="color: blue;">6px,</span> <span style="color: blue;">rgb(212, 212,
212)</span> <span style="color: blue;">7px</span> <span style="color: blue;">7px,</span>
<span style="color: blue;">rgb(212, 212, 212)</span> <span style="color: blue;">8px</span>
<span style="color: blue;">8px,</span> <span style="color: blue;">rgb(213, 213,
213)</span> <span style="color: blue;">9px</span> <span style="color: blue;">9px,</span>
<span style="color: blue;">rgb(213, 213, 213)</span> <span style="color: blue;">10px</span>
<span style="color: blue;">10px,</span> <span style="color: blue;">rgb(214, 214,
214)</span> <span style="color: blue;">11px</span> <span style="color: blue;">11px,</span>
<span style="color: blue;">rgb(214, 214, 214)</span> <span style="color: blue;">12px</span>
<span style="color: blue;">12px,</span> <span style="color: blue;">rgb(214, 214,
214)</span> <span style="color: blue;">13px</span> <span style="color: blue;">13px,</span>
<span style="color: blue;">rgb(215, 215, 215)</span> <span style="color: blue;">14px</span>
<span style="color: blue;">14px,</span> <span style="color: blue;">rgb(215, 215,
215)</span> <span style="color: blue;">15px</span> <span style="color: blue;">15px,</span>
<span style="color: blue;">rgb(215, 215, 215)</span> <span style="color: blue;">16px</span>
<span style="color: blue;">16px,</span> <span style="color: blue;">rgb(216, 216,
216)</span> <span style="color: blue;">17px</span> <span style="color: blue;">17px,</span>
<span style="color: blue;">rgb(216, 216, 216)</span> <span style="color: blue;">18px</span>
<span style="color: blue;">18px,</span> <span style="color: blue;">rgb(216, 216,
216)</span> <span style="color: blue;">19px</span> <span style="color: blue;">19px,</span>
<span style="color: blue;">rgb(217, 217, 217)</span> <span style="color: blue;">20px</span>
<span style="color: blue;">20px,</span> <span style="color: blue;">rgb(217, 217,
217)</span> <span style="color: blue;">21px</span> <span style="color: blue;">21px,</span>
<span style="color: blue;">rgb(218, 218, 218)</span> <span style="color: blue;">22px</span>
<span style="color: blue;">22px,</span> <span style="color: blue;">rgb(218, 218,
218)</span> <span style="color: blue;">23px</span> <span style="color: blue;">23px,</span>
<span style="color: blue;">rgb(218, 218, 218)</span> <span style="color: blue;">24px</span>
<span style="color: blue;">24px,</span> <span style="color: blue;">rgb(219, 219,
219)</span> <span style="color: blue;">25px</span> <span style="color: blue;">25px,</span>
<span style="color: blue;">rgb(219, 219, 219)</span> <span style="color: blue;">26px</span>
<span style="color: blue;">26px,</span> <span style="color: blue;">rgb(219, 219,
219)</span> <span style="color: blue;">27px</span> <span style="color: blue;">27px,</span>
<span style="color: blue;">rgb(220, 220, 220)</span> <span style="color: blue;">28px</span>
<span style="color: blue;">28px,</span> <span style="color: blue;">rgb(220, 220,
220)</span> <span style="color: blue;">29px</span> <span style="color: blue;">29px,</span>
<span style="color: blue;">rgb(221, 221, 221)</span> <span style="color: blue;">30px</span>
<span style="color: blue;">30px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-shadow</span>: <span style="color: blue;">rgb(226, 226,
226)</span> <span style="color: blue;">1px</span> <span style="color: blue;">1px,</span>
<span style="color: blue;">rgb(227, 227, 227)</span> <span style="color: blue;">2px</span>
<span style="color: blue;">2px,</span> <span style="color: blue;">rgb(227, 227,
227)</span> <span style="color: blue;">3px</span> <span style="color: blue;">3px,</span>
<span style="color: blue;">rgb(228, 228, 228)</span> <span style="color: blue;">4px</span>
<span style="color: blue;">4px,</span> <span style="color: blue;">rgb(229, 229,
229)</span> <span style="color: blue;">5px</span> <span style="color: blue;">5px,</span>
<span style="color: blue;">rgb(229, 229, 229)</span> <span style="color: blue;">6px</span>
<span style="color: blue;">6px,</span> <span style="color: blue;">rgb(230, 230,
230)</span> <span style="color: blue;">7px</span> <span style="color: blue;">7px,</span>
<span style="color: blue;">rgb(230, 230, 230)</span> <span style="color: blue;">8px</span>
<span style="color: blue;">8px,</span> <span style="color: blue;">rgb(231, 231,
231)</span> <span style="color: blue;">9px</span> <span style="color: blue;">9px,</span>
<span style="color: blue;">rgb(232, 232, 232)</span> <span style="color: blue;">10px</span>
<span style="color: blue;">10px,</span> <span style="color: blue;">rgb(232, 232,
232)</span> <span style="color: blue;">11px</span> <span style="color: blue;">11px,</span>
<span style="color: blue;">rgb(233, 233, 233)</span> <span style="color: blue;">12px</span>
<span style="color: blue;">12px,</span> <span style="color: blue;">rgb(233, 233,
233)</span> <span style="color: blue;">13px</span> <span style="color: blue;">13px,</span>
<span style="color: blue;">rgb(234, 234, 234)</span> <span style="color: blue;">14px</span>
<span style="color: blue;">14px,</span> <span style="color: blue;">rgb(235, 235,
235)</span> <span style="color: blue;">15px</span> <span style="color: blue;">15px,</span>
<span style="color: blue;">rgb(235, 235, 235)</span> <span style="color: blue;">16px</span>
<span style="color: blue;">16px,</span> <span style="color: blue;">rgb(236, 236,
236)</span> <span style="color: blue;">17px</span> <span style="color: blue;">17px,</span>
<span style="color: blue;">rgb(236, 236, 236)</span> <span style="color: blue;">18px</span>
<span style="color: blue;">18px,</span> <span style="color: blue;">rgb(237, 237,
237)</span> <span style="color: blue;">19px</span> <span style="color: blue;">19px,</span>
<span style="color: blue;">rgb(238, 238, 238)</span> <span style="color: blue;">20px</span>
<span style="color: blue;">20px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"></</span><span style="color: maroon;">style</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">head</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">body</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="content"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;">
Social <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> Icon
for Footer<span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="footer"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62220;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62217;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62223;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62232;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62235;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62226;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62214;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">body</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">html</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal">
<br /></div>
</div>
<div align="center">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_sidebar-right-1_AdSense2_300x250_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="9413896279" style="display: inline-block; height: 250px; width: 300px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<h3>
<span style="color: #990000; font-size: large;"><u>Asp.net Gridview control Related Post:</u></span></h3>
<div class="MsoNormal">
</div>
<br />
<br />
<br />
<ul style="text-align: left;">
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2013/10/how-to-bind-grid-view-in-aspnet.html"><span style="color: blue;">How to Bind gridview form database</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/05/show-grid-view-row-details-in-to-tool.html"><span style="color: blue;">Show gridview Row Details in Asp.net.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/templatefield-in-gridview-control.html"><span style="color: blue;">Template field in gridview asp.net Example</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/introduction-of-aspnet-gridview-control.html"><span style="color: blue;">Introduction of Asp.net grid view Control.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/templatefield-in-gridview-control.html"><span style="color: blue;">Example of Templatefield in gridview</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/dropdownlist-in-aspnet-grid-view.html"><span style="color: blue;">Example of DropDownList inside gridView</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/introduction-of-aspnet-gridview-control.html"><span style="color: blue;">Asp.net grid viewControl Programming.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/checkbox-in-aspnet-gridview.html"><span style="color: blue;">Checkbox within Asp.Net gridView</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/07/ckeckbox-list-example-using-javascript.html"><span style="color: blue;">Ckeckbox list Example using javascript in gridview.</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"> </span></li>
<li><u><span lang="EN" style="color: blue;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/bind-data-to-aspnet-textbox-control-in.html"><span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net textbox control in inside of gridview</span></span></a></span></u></li>
</ul>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com1tag:blogger.com,1999:blog-6348325256479868890.post-25408327889411885032014-08-20T00:54:00.002-07:002014-08-20T01:10:28.600-07:00Social Icon for Footer using css Example<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;">Social Icon for Footer :<a name='more'></a></span></h2>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><a href="http://responsivecsstempleat.blogspot.in/2014/08/introduction-of-css-how-t-define-and.html" target="_blank">Learn What is Css</a></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><!</span><span style="color: maroon;">DOCTYPE</span> <span style="color: red;">html</span> <span style="color: red;">PUBLIC</span> <span style="color: blue;">"-//W3C//DTD
XHTML 1.0 Transitional//EN"</span> <span style="color: blue;">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">html</span> <span style="color: red;">xmlns</span><span style="color: blue;">="http://www.w3.org/1999/xhtml"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">head</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">meta</span> <span style="color: red;">http-equiv</span><span style="color: blue;">="Content-Type"</span> <span style="color: red;">content</span><span style="color: blue;">="text/html; charset=utf-8"</span> <span style="color: blue;">/></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">title</span><span style="color: blue;">></span>Untitled Document<span style="color: blue;"></</span><span style="color: maroon;">title</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">style</span> <span style="color: red;">type</span><span style="color: blue;">="text/css"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;">@import</span>
url('http://fonts.googleapis.com/css?family=Lato:300');<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;">@import</span>
url('http://weloveiconfonts.com/api/?family=entypo');<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">*</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">margin</span>: <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">html</span>, <span style="color: maroon;">body</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">height</span>: <span style="color: blue;">100%</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">body</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#ddd</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.content</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">30px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font</span>: <span style="color: blue;">300</span> <span style="color: blue;">40px</span> <span style="color: blue;">Lato,</span> <span style="color: blue;">sans-serif</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#999</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#eee</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.footer</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">padding</span>: <span style="color: blue;">20px</span> <span style="color: blue;">0</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">display</span>: <span style="color: blue;">inline-block</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">width</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">height</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">margin</span>: <span style="color: blue;">0</span> <span style="color: blue;">10px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">line-height</span>: <span style="color: blue;">70px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font-family</span>: <span style="color: blue;">Entypo</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">font-size</span>: <span style="color: blue;">35px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-align</span>: <span style="color: blue;">center</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#bbb</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">border-radius</span>: <span style="color: blue;">50%</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">background</span>: <span style="color: blue;">#eee</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">overflow</span>: <span style="color: blue;">hidden</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">transition</span>: <span style="color: blue;">color</span> <span style="color: blue;">.3s</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social:hover</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">color</span>: <span style="color: blue;">#59d</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">cursor</span>: <span style="color: blue;">pointer</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: maroon;">.social</span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> {<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">box-shadow</span>: <span style="color: blue;">rgb(210, 210,
210)</span> <span style="color: blue;">1px</span> <span style="color: blue;">1px,</span>
<span style="color: blue;">rgb(210, 210, 210)</span> <span style="color: blue;">2px</span>
<span style="color: blue;">2px,</span> <span style="color: blue;">rgb(211, 211,
211)</span> <span style="color: blue;">3px</span> <span style="color: blue;">3px,</span>
<span style="color: blue;">rgb(211, 211, 211)</span> <span style="color: blue;">4px</span>
<span style="color: blue;">4px,</span> <span style="color: blue;">rgb(211, 211,
211)</span> <span style="color: blue;">5px</span> <span style="color: blue;">5px,</span>
<span style="color: blue;">rgb(212, 212, 212)</span> <span style="color: blue;">6px</span>
<span style="color: blue;">6px,</span> <span style="color: blue;">rgb(212, 212,
212)</span> <span style="color: blue;">7px</span> <span style="color: blue;">7px,</span>
<span style="color: blue;">rgb(212, 212, 212)</span> <span style="color: blue;">8px</span>
<span style="color: blue;">8px,</span> <span style="color: blue;">rgb(213, 213,
213)</span> <span style="color: blue;">9px</span> <span style="color: blue;">9px,</span>
<span style="color: blue;">rgb(213, 213, 213)</span> <span style="color: blue;">10px</span>
<span style="color: blue;">10px,</span> <span style="color: blue;">rgb(214, 214,
214)</span> <span style="color: blue;">11px</span> <span style="color: blue;">11px,</span>
<span style="color: blue;">rgb(214, 214, 214)</span> <span style="color: blue;">12px</span>
<span style="color: blue;">12px,</span> <span style="color: blue;">rgb(214, 214,
214)</span> <span style="color: blue;">13px</span> <span style="color: blue;">13px,</span>
<span style="color: blue;">rgb(215, 215, 215)</span> <span style="color: blue;">14px</span>
<span style="color: blue;">14px,</span> <span style="color: blue;">rgb(215, 215,
215)</span> <span style="color: blue;">15px</span> <span style="color: blue;">15px,</span>
<span style="color: blue;">rgb(215, 215, 215)</span> <span style="color: blue;">16px</span>
<span style="color: blue;">16px,</span> <span style="color: blue;">rgb(216, 216,
216)</span> <span style="color: blue;">17px</span> <span style="color: blue;">17px,</span>
<span style="color: blue;">rgb(216, 216, 216)</span> <span style="color: blue;">18px</span>
<span style="color: blue;">18px,</span> <span style="color: blue;">rgb(216, 216,
216)</span> <span style="color: blue;">19px</span> <span style="color: blue;">19px,</span>
<span style="color: blue;">rgb(217, 217, 217)</span> <span style="color: blue;">20px</span>
<span style="color: blue;">20px,</span> <span style="color: blue;">rgb(217, 217,
217)</span> <span style="color: blue;">21px</span> <span style="color: blue;">21px,</span>
<span style="color: blue;">rgb(218, 218, 218)</span> <span style="color: blue;">22px</span>
<span style="color: blue;">22px,</span> <span style="color: blue;">rgb(218, 218,
218)</span> <span style="color: blue;">23px</span> <span style="color: blue;">23px,</span>
<span style="color: blue;">rgb(218, 218, 218)</span> <span style="color: blue;">24px</span>
<span style="color: blue;">24px,</span> <span style="color: blue;">rgb(219, 219,
219)</span> <span style="color: blue;">25px</span> <span style="color: blue;">25px,</span>
<span style="color: blue;">rgb(219, 219, 219)</span> <span style="color: blue;">26px</span>
<span style="color: blue;">26px,</span> <span style="color: blue;">rgb(219, 219,
219)</span> <span style="color: blue;">27px</span> <span style="color: blue;">27px,</span>
<span style="color: blue;">rgb(220, 220, 220)</span> <span style="color: blue;">28px</span>
<span style="color: blue;">28px,</span> <span style="color: blue;">rgb(220, 220,
220)</span> <span style="color: blue;">29px</span> <span style="color: blue;">29px,</span>
<span style="color: blue;">rgb(221, 221, 221)</span> <span style="color: blue;">30px</span>
<span style="color: blue;">30px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">text-shadow</span>: <span style="color: blue;">rgb(226, 226,
226)</span> <span style="color: blue;">1px</span> <span style="color: blue;">1px,</span>
<span style="color: blue;">rgb(227, 227, 227)</span> <span style="color: blue;">2px</span>
<span style="color: blue;">2px,</span> <span style="color: blue;">rgb(227, 227,
227)</span> <span style="color: blue;">3px</span> <span style="color: blue;">3px,</span>
<span style="color: blue;">rgb(228, 228, 228)</span> <span style="color: blue;">4px</span>
<span style="color: blue;">4px,</span> <span style="color: blue;">rgb(229, 229,
229)</span> <span style="color: blue;">5px</span> <span style="color: blue;">5px,</span>
<span style="color: blue;">rgb(229, 229, 229)</span> <span style="color: blue;">6px</span>
<span style="color: blue;">6px,</span> <span style="color: blue;">rgb(230, 230,
230)</span> <span style="color: blue;">7px</span> <span style="color: blue;">7px,</span>
<span style="color: blue;">rgb(230, 230, 230)</span> <span style="color: blue;">8px</span>
<span style="color: blue;">8px,</span> <span style="color: blue;">rgb(231, 231,
231)</span> <span style="color: blue;">9px</span> <span style="color: blue;">9px,</span>
<span style="color: blue;">rgb(232, 232, 232)</span> <span style="color: blue;">10px</span>
<span style="color: blue;">10px,</span> <span style="color: blue;">rgb(232, 232,
232)</span> <span style="color: blue;">11px</span> <span style="color: blue;">11px,</span>
<span style="color: blue;">rgb(233, 233, 233)</span> <span style="color: blue;">12px</span>
<span style="color: blue;">12px,</span> <span style="color: blue;">rgb(233, 233,
233)</span> <span style="color: blue;">13px</span> <span style="color: blue;">13px,</span>
<span style="color: blue;">rgb(234, 234, 234)</span> <span style="color: blue;">14px</span>
<span style="color: blue;">14px,</span> <span style="color: blue;">rgb(235, 235,
235)</span> <span style="color: blue;">15px</span> <span style="color: blue;">15px,</span>
<span style="color: blue;">rgb(235, 235, 235)</span> <span style="color: blue;">16px</span>
<span style="color: blue;">16px,</span> <span style="color: blue;">rgb(236, 236,
236)</span> <span style="color: blue;">17px</span> <span style="color: blue;">17px,</span>
<span style="color: blue;">rgb(236, 236, 236)</span> <span style="color: blue;">18px</span>
<span style="color: blue;">18px,</span> <span style="color: blue;">rgb(237, 237,
237)</span> <span style="color: blue;">19px</span> <span style="color: blue;">19px,</span>
<span style="color: blue;">rgb(238, 238, 238)</span> <span style="color: blue;">20px</span>
<span style="color: blue;">20px</span>;<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"></</span><span style="color: maroon;">style</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">head</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><</span><span style="color: maroon;">body</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="content"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;">
Social <o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> Icon
for Footer<span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="footer"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62220;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62217;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62223;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62232;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62235;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62226;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"><</span><span style="color: maroon;">div</span> <span style="color: red;">class</span><span style="color: blue;">="social"></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: red;">&#62214;</span><span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"> <span style="color: blue;"></</span><span style="color: maroon;">div</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">body</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"></</span><span style="color: maroon;">html</span><span style="color: blue;">></span><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<br />
<div class="MsoNormal">
<br /></div>
<div align="center">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_sidebar-right-1_AdSense2_300x250_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="9413896279" style="display: inline-block; height: 250px; width: 300px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<h2>
DEMO </h2>
<h3 style="text-align: left;">
<span style="color: #990000; font-size: large;"><u>Asp.net Gridview control Related Post:</u></span></h3>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2013/10/how-to-bind-grid-view-in-aspnet.html"><span style="color: blue;">How to Bind
gridview
form database</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/05/show-grid-view-row-details-in-to-tool.html"><span style="color: blue;">Show gridview
Row Details in Asp.net.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/templatefield-in-gridview-control.html"><span style="color: blue;">Template field in gridview
asp.net Example</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/introduction-of-aspnet-gridview-control.html"><span style="color: blue;">Introduction of
Asp.net
grid view Control.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/templatefield-in-gridview-control.html"><span style="color: blue;">Example of Templatefield
in gridview</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;">.</span></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/dropdownlist-in-aspnet-grid-view.html"><span style="color: blue;">Example of
DropDownList
inside gridView</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/introduction-of-aspnet-gridview-control.html"><span style="color: blue;">Asp.net grid viewControl
Programming.</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/checkbox-in-aspnet-gridview.html"><span style="color: blue;">Checkbox within Asp.Net gridView</span></a></span></u></li>
<li><u style="font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/07/ckeckbox-list-example-using-javascript.html"><span style="color: blue;">Ckeckbox
list Example using javascript
in gridview.</span></a></span></u><span lang="EN" style="font-family: Arial, Helvetica, sans-serif; font-size: large;"> </span></li>
<li><u><span lang="EN" style="color: blue; mso-ansi-language: EN; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-hansi-font-family: Calibri;"><a href="http://asp-net-by-parijat.blogspot.in/2014/08/bind-data-to-aspnet-textbox-control-in.html"><span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net textbox control in inside of gridview</span></span></a></span></u></li>
</ul>
<br />
<br />
<div class="MsoNormal">
<br /></div>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com1tag:blogger.com,1999:blog-6348325256479868890.post-22099116282619498752014-08-19T00:35:00.001-07:002014-08-19T00:58:46.086-07:00Introduction of CSS how to define and use in html Example<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<u><span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif;">Introduction of CSS:<a name='more'></a></span></u></h2>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #073763;">Cascading Style Sheets (CSS): </span></b>Refers to HTML as well as XML documents in general.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: #073763;">E</span></b><span style="color: #073763;"><b>xtensible Style sheet Language (XSL):</b></span> Often used to transform one XML document to another form.</span><br />
<h3 style="text-align: left;">
<u><span style="color: #990000; font-family: Arial, Helvetica, sans-serif;">CSS Definition:</span></u></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">CSS define for Cascading Style Sheets. That’s refers to how to display HTML elements. Styles are normally write in Style Sheets. Cascading Style Sheets (CSS) is a rule based language that applies styling to your HTML elements on web page. You write CSS rules in elements of html, and modify properties such as color, width, border, background color, thickness, font color, font size, etc</span><br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>Know About CSS:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">CSS, also known as Cascading Style Sheets, it is used to style and layout of web pages. This language is used to refer the presentation of HTML elements on a webpage. Cascading Style Sheets (CSS) is a style sheet language used for describing the look and feel of web page formatting of a document written in a markup language (such as html). CSS is referring to cornerstone specification of the web page. And almost all pages use CSS style sheets to describe their presentation.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPuq7WMwr4RLv93ISazh-wDQUTtYxcV_OV3j_afuaGliLjhPmzXteqwhSrJuiR4sGJyT-WyWPIs3CRlkFtj2_tou5Wi5-Z6IDj-d6LGrDpxraULNqVuk3cyRjr5QDhCLCt9CXpErUCura/s1600/responsive_css.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="css responsive template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPuq7WMwr4RLv93ISazh-wDQUTtYxcV_OV3j_afuaGliLjhPmzXteqwhSrJuiR4sGJyT-WyWPIs3CRlkFtj2_tou5Wi5-Z6IDj-d6LGrDpxraULNqVuk3cyRjr5QDhCLCt9CXpErUCura/s1600/responsive_css.PNG" height="416" title="css responsive template" width="640" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">In the web form we provide each relevant HTML element (identified by tags), it provides a list of formatting rules. For example in CSS syntax, </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Consider All heading 1 element should be bold for this no formatting markup such as bold tags (<b></b>).</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">CSS can also allow the same markup page to be display in different styles for different method, such as, in print, on-screen by voice, tactile devices. It can also be used to allow the web page to display differently depend on size of screen or device on which it is being displaced. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">While the author of a document typically links that document to a CSS file, readers can use a different css. However if the author or the reader did not link the document to a specific style sheet the default style of the browser will be applied.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><!DOCTYPE html></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><html></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> <head></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> <meta charset="utf-8"></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> <style></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> #abc { color: red }</span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> </style></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> </head></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> <body></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> <p id="abc" style="color: blue"> To Refers specificity </p></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"> </body></span><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"></html></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- asp-net-by-parijat_main_Blog1_728x90_as -->
<br />
<ins class="adsbygoogle" data-ad-client="ca-pub-6244463898969905" data-ad-slot="2099865075" style="display: inline-block; height: 90px; width: 728px;"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>CSS Variations:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">CSS has many profiles and various levels. The new level of CSS builds upon the last, by adding some new properties and denoted such as CSS 1, CSS 2, CSS 3, and CSS 4 are variations of css. </span><span style="font-family: Arial, Helvetica, sans-serif;">Profiles are a subset of one or more levels of CSS that is built for a particular device or a particular user interface. </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>CSS Limitations:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Vertical control limitations </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Absence of expressions </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Lack of column declaration</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Can’t name rules </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Can’t target specific text without altering markup </span><br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>CSS Advantages:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Separation of user content from presentation of html element on page.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Site-wide consistency</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Bandwidth</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Page reformatting</span><br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif;"><u>CSS HTML Formatting Review:</u></span></h3>
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Starting tags in HTML?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Ending tags in HTML?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Tag for creating paragraphs in HTML?</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">•<span class="Apple-tab-span" style="white-space: pre;"> </span>Tags we use to format font: color, family, alignment, size, in HTML?</span><br />
<div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYpBgV2obr-ZXTIngRJW3TqOEUEHIizQFOMv45xSsCpzJcS-c5wBWPPcmghElOXx3DYINBBF5yxmHkgZdzIKeurdGrNIqtan8_nm5mySehZyzDq0FIkcoJtcP7VO5LEzd-9V7XER8-epLt/s1600/responsive_css2.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="css responsive template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYpBgV2obr-ZXTIngRJW3TqOEUEHIizQFOMv45xSsCpzJcS-c5wBWPPcmghElOXx3DYINBBF5yxmHkgZdzIKeurdGrNIqtan8_nm5mySehZyzDq0FIkcoJtcP7VO5LEzd-9V7XER8-epLt/s1600/responsive_css2.PNG" height="507" title="css responsive template" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b><span style="font-size: large;">css responsive template</span></b></td></tr>
</tbody></table>
<br />
<h3 style="text-align: left;">
<span style="color: #990000; font-family: Arial, Helvetica, sans-serif; font-size: large;"><u>Asp.net <a href="http://asp-net-by-parijat.blogspot.in/2014/07/introduction-of-aspnet-server-control.html" target="_blank">Web server control</a> Related Post :</u></span></h3>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/validation-checkbox-control-using.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Validation checkbox control using JavaScript</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/08/checkbox-in-aspnet-gridview.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Check box in ASP.NET GridView</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/ckeckbox-list-example-using-javascript.html"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Ckeck
box list example-using-javascript.</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/aspnet-checkbox-list.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net checkbox list Example</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/label-control.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net Label control</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/textbox-controltext.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Textbox Asp.net control</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/imagebutton.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">ImageButton control</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/aspnet-imagebutton-control-example.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net Imagebutton control example</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/button-control.html" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Asp.net Button control.</span></a></li>
<li><a href="http://asp-net-by-parijat.blogspot.in/2014/07/literal-control.html"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Literal
control in Asp.net</span></a></li>
</ul>
<br /></div>
</div>
asp-net-by-parijathttp://www.blogger.com/profile/15818679826642276501noreply@blogger.com3