News
IBM to offer mobile security as a service IBM will start delivering mobile security-as-a-service (MaaS) through its own cloud infrastructure in India, a move that is expected to better address in-country data requirements... IBM Spectrum Computing: IBM has enlarged its portfolio of software-defined infrastructure solutions with cognitive features for workload management.  * LiFi internet technology has been introduced, the new type of wireless internet connection that gives 100 times faster than traditional WiFi -- Invented by Professor Harald Haas from the University of Edinburgh. * Sci. Rachid Yazami has developed a smart chip that charges smartphones in less than 10 minutes. BenQ has launched BlueCore projector - Consumer electronics major BenQ has launched its first BlueCore laser light source projector. For those unaware, devices with BlueCore laser technology have a high contrast output of 80000:1 with an extended lamp life and efficiency. *** 
  Apr 5 2015 9:46PM     Anand
  0 Comments    886 Views  
Here John gave such a good explanation with example for different ways to apply CSS to HTML.
Inline Style Sheets
Inline style uses a style attribute and changes reflect only to the specific tag.
Inline styles are easy and quick to add but it must be applied to all the elements .It makes page slower and difficult to maintain.
Example :
<html>
<body>
<div id="info-wrap" style="border: 1px dotted #81B441;">
<div style="border: 1px dotted #81B441;height:50%;width:50%">
</div>
</div>
</body>
</html>
Internal Style Sheets
Internal styles can be used to whole page. You define internal styles in the head section of an HTML page, by using the <style> tag, as like below ex:
Example :
<head>
<style type="text/css">
  body
{
background-color: white;
}

.info
{
width: 50%;
float: left;
min-height: 150px;
}

</style>
</head>
This styles will make changes to all the elements or html tags used within the page. Internal styles are little easy to maintain but it makes page load slower.
External Style sheets
An external style sheet may be linked to an HTML page through HTML's LINK element: You define External styles in the head section of an HTML page, by using the <link> tag, as like below ex:
Example :
<head>
HTML
<body>
    <div class="dvLogin">
        <h1>
            Log-in</h1>
        <br>
        <input type="text" name="user" placeholder="Username" />
        <input type="password" name="pass" placeholder="Password" />
        <input type="submit" name="login" class="login btnReset" value="Reset" />
        <input type="submit" name="login" class="login btn" value="Login" />
        <div class="dvLogin_Help">
            <a href="#">Sign In</a> • <a href="#">Forgot Password</a>
        </div>
    </div>
</body>
When using CSS to the HTML Page, it is always preferable to keep the CSS page separate from your HTML. External CSS is a file that contains only CSS code and is saved with a ".css" file extension.

It looks some thing like this,
html{min-width:800px;width:100%;height:100%;}
.MenuBGColor{background-color:#d2d1d0}
.lblCurrentAffairsDesc{color:#333;}
Hi, This is John.I hope this page will helps you to validate in JQuery.Thanks.
BackToTop
Comments



 
Search
Recent Posts
Create Amazon ElasticCache Using Memcached in CSharp
Oct 29 2018 12:09PM Posted By Amose
Get Google Map Lat Lng (Geo Point) By Pincode in C#
Oct 28 2018 12:09PM Posted By Pranav
Google URL Shortener in C#
Oct 20 2018 12:09PM Posted By Sanjay
Bind Gridview from CSV file in Asp.Net C#
Oct 5 2018 12:09PM Posted By Michael
Call WebService method from jQuery in every 1 minute
Sep 26 2018 12:09PM Posted By John
Gridview custom CSS in ASP.Net
Sep 14 2018 12:09PM Posted By Micheal Ryan
Read excel file and bind to Gridview in C#
Sep 10 2018 12:09PM Posted By Micheal
Tags
Follow us on Facebook
Follow us on Google +
Recent post in your Email inbox.
Enter your email address: