Skip to main content

An Introduction to CSS

By
The CSS is an abbreviation of Cascading Style Sheet. The style-sheet is used to make web pages.  It is used to make a table-less design. The file extension of the css file is .css. There are three ways of inserting style-sheet.
i.            External style-sheet
ii.            Internal style-sheet
iii.            Inline style-sheet



External style-sheet:
An external style-sheet is ideal when the style is applied to many pages. With an external style-sheet, you change the look of an entire website by one file. Each page must link to the style-sheet using the <link> tag. The <link> tag goes inside the <head> section.
For example:
<head>
<link rel=”stylesheet” type=”test/css” href=”mystyle.css” />
</head>

Here, mystyle.css is a css file attached in the document.

Internal style-sheet:
An internal style-sheet can be used if one single document has a unique style. Internal styles are defined in the <head> section of an HTML page by using the <style> tag:
For example:
<head>
<style>
body {
background-color:blue;
}
</style>
</head>

Inline style:
An  inline style can be used if a unique style is to be applied to one single occurrence of an element.
To use inline styles, use the style attribute in the relevant tag. The style attribute can contain any css property.
For example:
<p style=”color:blue; font-size:18px;”> This is a paragraph</p>


HTML Style Tags
<style> = Defines style information for a document.
<link> = Defines the relationship between a document and an external resourse.



The HTML head element
The head element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheet provide meta information and more.
The following tags can be added to the head section:
<title>, <base>, <link>, <meta>, <script> and <style>
Labels:

Comments

Post a Comment

Popular posts from this blog

MySQL Connection

By
Connection with MySQL Database Before accessing database, you must create a connection to the database Syntax: mysql_connect(servername,username,password); where, servername specifies the server to connect to. Default value is “localhost” username specifies the username to log in with. Default value is the name of the user that owns the server process. To connect offline we use username “root”. password specifies the password to log in with. Default is “” Code : Creating connection to the database and selecting the required database <?php $con = mysql_connect(“localhost”,”root”,”"); if (!$con) { die(‘Could not connect: ‘ . mysql_error()); } else{ mysql_select_db(“test”, $con) }; ?> Here, we have store connection in a variable called $con and trap error using die function. Closing connection The connection will be closed automatically when the script ends. To close the connection before, use the mysql_close() function: <?php $con = mysql_conne...
Post a Comment
Read more

Type Juggling and Type Casting

By
Type Juggling: PHP does not require (or support) explicit type definition in variable declaration; a variable's type is determined by the context in which the variable is used. That is to say, if a string value is assigned to variable $var, $var becomes a string. If an integer value is then assigned to $var, it becomes an integer.
2 comments
Read more

Doctype Defination

By
A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document (for example, a webpage) with a Document Type Definition (DTD). Syntax The general syntax for a document type declaration is: <!DOCTYPE root-element PUBLIC "FPI" ["URI"] [ <!-- internal subset declarations --> ]>
1 comment
Read more