CSS tutorial 4

Posted on 15/09/2009 by

2



So guys… I have spoken about Basic and Advanced methods of CSS in the last 3 posts.. so that can help you in creating any website.

Media Galleries can help you in…Media Types and allows you to specify how documents will be presented in different medias…and the document can be also displayed differently on the screen, on the paper, with an aural browser, etc..

Example 11

<html>
<head>
<style type=”text/css”>
li{display:inline}
</style>
</head>
<body>
<p>Non-editable optional regions, which enables template users to show and hide specially marked regions without enabling them to edit the content. </p>
<ul>
<li><a href=”/html/default.asp” target=”_blank”>HTML</a></li>
<li><a href=”/css/default.asp” target=”_blank”>CSS</a></li>
<li><a href=”/js/default.asp” target=”_blank”>JavaScript</a></li>
<li><a href=”/xml/default.asp” target=”_blank”>XML</a></li>
</ul>
</body>
</html>

Non-editable optional regions, which enables template users to show and hide specially marked regions without enabling them to edit the content.

  • HTML
  • CSS
  • JavaScript
  • XML

CSS Box Model :

Example 12

<html>
<head>
<style type=”text/css”>
div.ex
{
width:250px;
padding:5px;
border:4px solid blue;
margin:0px;
}
</style>
</head>
<body>
<img src=”550px.gif” width=”550″ height=”5″ /><br /><br />
<div>Add a web service proxy using the WSDL description <br />
Add a web service to a page </div>
<p><b>Important:</b> To bind a return value to a visual element, switch to Design view and place a visual element on the page that can accept data binding.</p>
</body>
</html>

border

Important: To bind a return value to a visual element, switch to Design view and place a visual element on the page that can accept data binding.

Advertisements
Posted in: Coding, CSS