Audio:
http://yourlisten.com/channel/content/16904980/HTML
http://yourlisten.com/channel/content/16904982/html
The problem with Css is that some browsers will interpret the tags and measurements in a different way.The way it interprets varies from browser to browser.And so to write a perfect CSS code,means it should work well with all browsers.
Suppose consider the styling element
#section
{
border-shadow:2px
}
For this to work well in mozilla give it as -moz-border-shadow
For this to work well in opera give it as -o-border-shadow
For this to work well in other webkit browsers like chrome and safari give it as -webkit-border-shadow.
If you have two CSS definitions for the same id then the one it is supposed to take is mostly the last one .In case you want certain tricks to cheat a specific browser you have a set of tricks,especially for the IE5.An eg is,
suppose you want to give a margin of 25px for internet explorer which is very fine,but this may be sometimes very high for other browsers.Suppose it must work fine for both browsers,use the child selector command.Foe rg
#header{margin-bottom:3em}
html>body #header {margin-bottom :1em}
Now internet explorer will not understand the second line it will only take the first one,while other browsers understand the second one and renders accordingly.
Blink tag:This tag is used to blink a text.But this doesn't work on webkit browsers(chrome+safari).
What is the reason behind browser specific elements??
This war between the browsers evolved as a result of what is called DOM.It is document object model.The objects which are not listed in the DOM of a specific browser will not work for that browser.The DOM that internet explorer uses will not be understood by the other browsers.
DOM-Document Object Model:
This is an API which is used to define the logical structure of a document ,the way the elements are accessed and manipulated.
The root element of a document to be accessed is "document".You have different methods to access the elements.
It is an object model that specifies interfaces and not data structure.The relationships that are shown are only logical.
For example you have a "sec1"div and inside that div you have a "sec2" div then you can access the first form in sec2 thats named "f1" by.
document.getElementByID(sec1).getElementBy(sec2).getElementById(f1).
If the DOM retrievals sometime returns an array,it can be accessed with their indexes.
To get the number of anchors in a document give:
document.anchors.length();
To get the number of input elements give,
var x=document.getElementsByTagName("input");
-->The Dom is represented LOGICALLY as a parent child relationship.
-->Starting from the "document" you can access any element in the document and you can retrieve or set their values.
-->The famous ajax technology which is used to retrieve data from the database without reloading,used DOM.The Dom is accessed with the javascript and used for retrieval and manipulation of data.
- Sourcebits University
Cloud Computing
www.sourcebits.com
http://yourlisten.com/channel/content/16904980/HTML
http://yourlisten.com/channel/content/16904982/html
The problem with Css is that some browsers will interpret the tags and measurements in a different way.The way it interprets varies from browser to browser.And so to write a perfect CSS code,means it should work well with all browsers.
Suppose consider the styling element
#section
{
border-shadow:2px
}
For this to work well in mozilla give it as -moz-border-shadow
For this to work well in opera give it as -o-border-shadow
For this to work well in other webkit browsers like chrome and safari give it as -webkit-border-shadow.
If you have two CSS definitions for the same id then the one it is supposed to take is mostly the last one .In case you want certain tricks to cheat a specific browser you have a set of tricks,especially for the IE5.An eg is,
suppose you want to give a margin of 25px for internet explorer which is very fine,but this may be sometimes very high for other browsers.Suppose it must work fine for both browsers,use the child selector command.Foe rg
#header{margin-bottom:3em}
html>body #header {margin-bottom :1em}
Now internet explorer will not understand the second line it will only take the first one,while other browsers understand the second one and renders accordingly.
Blink tag:This tag is used to blink a text.But this doesn't work on webkit browsers(chrome+safari).
What is the reason behind browser specific elements??
This war between the browsers evolved as a result of what is called DOM.It is document object model.The objects which are not listed in the DOM of a specific browser will not work for that browser.The DOM that internet explorer uses will not be understood by the other browsers.
DOM-Document Object Model:
This is an API which is used to define the logical structure of a document ,the way the elements are accessed and manipulated.
The root element of a document to be accessed is "document".You have different methods to access the elements.
It is an object model that specifies interfaces and not data structure.The relationships that are shown are only logical.
For example you have a "sec1"div and inside that div you have a "sec2" div then you can access the first form in sec2 thats named "f1" by.
document.getElementByID(sec1).getElementBy(sec2).getElementById(f1).
If the DOM retrievals sometime returns an array,it can be accessed with their indexes.
To get the number of anchors in a document give:
document.anchors.length();
To get the number of input elements give,
var x=document.getElementsByTagName("input");
-->The Dom is represented LOGICALLY as a parent child relationship.
-->Starting from the "document" you can access any element in the document and you can retrieve or set their values.
-->The famous ajax technology which is used to retrieve data from the database without reloading,used DOM.The Dom is accessed with the javascript and used for retrieval and manipulation of data.
- Sourcebits University
Cloud Computing
www.sourcebits.com
No comments:
Post a Comment