CSS.LGS

 CSS Tutorial


CSS.txt

CASCADING STYLE SHEETS:
---------------------------------------------

A stylesheet is a separate component that is merged with HTML pages.
It is used for giving a special appearance to an HTML page.

Syntax:
selector {
		key:value;
	}

It is a key/value pair where value can be predefined/user-defined.  
more than one key/value pair can be joined by a semicolon.

stylesheet syntaxes are highly case-sensitive and all keys are generally in small cases.

-----------------------------------------------------------------------------------------------------------------------------------------------

There are three types of stylesheets:
1. External Stylesheet:
	A seperate file is created with extension as .css. This css file is then linked into the HTML page as:
	ex-
		<link href="yourcssfile.css" rel="stylesheet" />

	Link tag must be written inside <head> tag.

2. Internal Stylesheet:
	It is specific to one particular page.

	syntax:
	<head>
		<style>
			selector {
				property: value;
				}
		</style>
	</head>

3. Inline Stylesheet:
	It is specific to one particular HTML element/tag. All HTML elements have \"style\" attribute. 
	This attribute is used to specify stylesheet key/value pairs.
	More than one key/value pairs are joined by a semicolon.
	ex-
		<table style="background-color: red; color: blue; font-weight: bold;">
			...
		</table>

	

------------------------------------------------------------------------------------------------------------------------------------------------------

Stylesheet can be written in 3 ways:
1. stylesheet for an element/tag-
for <body>:

syntax:
	body {
		background-color: blue;
		}

for <p>:
syntax:
	p {
		background-color: cyan;
		color: blue;
		font-weight: bold;
	}


2. stylesheet class- A class is used to group certain HTML elements together.
			 A class is created using a . (dot)
ex:
		
.myclass1 {
		background-color: blue;
		color: white;
		font-weight: bold;
		}


3. stylesheet id- It is a unique identifier for an HTML element. 
		      An id is used using a # symbol
ex:

#myid
	{
	background-color: blue;
	color: cyan;
	font-weight: bold;
	}
		
-------------------------------------------------------------------------------------------------------------------------------

Comment:

css comment:
	/*
		single/multine comment....
	*/

style.css

h1 {
    text-align: center;
    text-decoration: underline;
    text-decoration-color: black;
    text-decoration-style: wavy;
    border-style: dotted;
    border-color:  rgb(216, 91, 91);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

    
}
p{
    font-family: cursive;

}
a{
    text-decoration: none;
    color:black
}



Comments

Post a Comment

Popular posts from this blog

Java

  Java History The history of Java is a classic "accidental success" story. It wasn't originally designed for the internet; it was built to solve a headache involving digital cable boxes and VCRs. Here is the timeline of how Java went from a secret lab project to the backbone of the enterprise world. 1. The Origin Story (1991–1995) Java was created by James Gosling (often called the "Father of Java") and his team at Sun Microsystems . Key Milestone Details The Green Project A small team (the "Green Team") set out to create a language for digital consumer devices (TVs, ovens, etc.). The Name "Oak" Originally named Oak after an oak tree that stood outside Gosling's office. The Pivot The team realized the "Oak" technology was too advanced for cable boxes but perfect for the burgeoning World Wide Web . The Name "Java" "Oak" was already trademarked. After consuming a lot of coffee, the team chose Java (named af...
Read more

COMPUTER GRAPHICS IN BCA 3 YEAR

Image
  Computer Graphics     What is Computer Graphics? Computer graphics is an art in which images, lines, and charts are created by programming them in a computer. Simply put, "Drawing pictures on a computer screen is called computer graphics." Creating pictures with the help of a computer is called computer graphics. In this, two or three dimensional pictures are created. It uses a lot of software techniques to create, modify, and store pictures. With the help of Computer Graphics, we can display images of any size in the computer screen. Graphics are presented in computers using a lot of algorithms and techniques. Nowadays, computer graphics are used everywhere such as – in user interfaces, in TVs, in motion pictures, and in mobile games, etc. Computer graphics are made up of many pixels. A pixel is the smallest unit of graphics that appear on a computer screen. The term computer graphics was first used by Verne Hudson and William Fetter in 1960. When we draw a pictur...
Read more