Tuesday, August 19, 2014

Introduction of CSS how to define and use in html Example

Introduction of CSS:


Cascading Style Sheets (CSS): Refers to HTML as well as XML documents in general.
Extensible Style sheet Language (XSL): Often used to transform one XML document to another form.

CSS Definition:

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

Know About CSS:

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.
css responsive template

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, 
Consider All heading 1 element should be bold for this no formatting markup such as bold tags (<b></b>).
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. 
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.


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
    #abc { color: red }
    </style>
  </head>
  <body>
    <p id="abc" style="color: blue"> To Refers specificity </p>
  </body>
</html>



CSS Variations:

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. Profiles are a subset of one or more levels of CSS that is built for a particular device or a particular user interface. 


CSS Limitations:

Vertical control limitations 
Absence of expressions 
Lack of column declaration
Can’t name rules 
Can’t target specific text without altering markup 

CSS Advantages:

Separation of user content from presentation of html element on page.
Site-wide consistency
Bandwidth
Page reformatting

CSS HTML Formatting Review:

Starting tags in HTML?
Ending tags in HTML?
Tag for creating paragraphs in HTML?
Tags we use to format font: color, family, alignment,  size, in HTML?

No comments:

Post a Comment