CSS (pjesa e shtatë)

CSS (Cascading Style Sheets) është një stil i përdorur për të përshkruar semantikën e prezantimit të shkruar në një gjuhë markup. Aplikimi i saj më i zakonshëm është te faqet ueb të shkruara në HTML, XHTML, por kjo gjithashtu mund të përdoret për dokumente XML.

<!DOCTYPE html>
<html>
<head>
<style>
.thumbnail
{
float:left;
width:110px;
height:90px;
margin:5px;
}
</style>
</head> 

<body>
<h3>Foto Galeri</h3>
<img class=”thumbnail” src=”klematis_small.jpg” width=”107″ height=”90″>
<img class=”thumbnail” src=”klematis2_small.jpg” width=”107″ height=”80″>
<img class=”thumbnail” src=”klematis3_small.jpg” width=”116″ height=”90″>
<img class=”thumbnail” src=”klematis4_small.jpg” width=”120″ height=”90″>
<img class=”thumbnail” src=”klematis_small.jpg” width=”107″ height=”90″>
<img class=”thumbnail” src=”klematis2_small.jpg” width=”107″ height=”80″>
<img class=”thumbnail” src=”klematis3_small.jpg” width=”116″ height=”90″>
<img class=”thumbnail” src=”klematis4_small.jpg” width=”120″ height=”90″>
</body>
</html>

Untitled

<!DOCTYPE html>
<html>
<head>
<style>
.right
{
position:absolute;
right:0px;
width:300px;
background-color:#b0e0e6;
}
</style>
</head> 

<body>
<div class=”right”>
<p>Krokodili.com portali i vetem teknologjik</p>
<p>’Portal teknologjik qe ofron informacione te shumta’</p>
</div>
</body>
</html>

 

Untitled

<!DOCTYPE html>
<html>
<head>
<style>
p > i:first-child
{
color:blue;
}
</style>
</head>

<body>
<p>Une jam <i>strong</i> krokodili<i>strong</i> .com</p>
<p>Une jam <i>strong</i> krokodili<i>strong</i> .com</p>
</body>
</html>

 

Posted on May 24, 2013, in CSS and tagged . Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: