In this article, I will be showing you how to add or change css styling. You will be able to add or remove class in HTML elements.
Whenever we cover CSS articles we’ve got good response from our reader; for e.g. on one line CSS and Magazine style drop cap first letter with CSS. This makes us to write thorough, descriptive and clean articles.
.
If you want to develop great looking websites and want that to be easy to maintain you must follow certain rules in writing markup and CSS. Those sites requires high quality markup and styling. The most fundamental principle to remember while designing is separating presentation and the content or style & markup. Separation is the key a good designer need to build a good markup to produce good CSS.
Website is the best online platform for the promotion of business or services. So the greatest necessity of website is its design. Design needs to be eye catchy and attractive enough so that the visitors stop by to browse through your site. A visitor hardly stays on a website for less than 5 seconds or so if the design is not catchy. So a web designer has to be careful enough to turn the first impression of the site into a good one. Acquiring designing skill is very important for a beginner which can be developed and polished with rigorous practice.
The web layouts, the look and feel of the website as well as many other things are taken into consideration for website designing. A proper knowledge and skill to use the web designing tools are essential for any web designer.
We can see different types of pagination style in webpage .They simply link pages. There are various ways to add pagination in our webpage. Here I have tried to show one of the common way to create pagination using CSS .
First simple technique
We can create a pagination style similar to flicker with the following CSS .
<!-- <html> <style> ul{border:0; margin:0; padding:0;} #pagination-flickr li{ border:0; margin:0; padding:0; font-size:11px; list-style:none; } #pagination-flickr a{ border:solid 1px #DDDDDD; margin-right:2px; } #pagination-flickr .previous-off, #pagination-flickr .next-off { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; } #pagination-flickr .next a, #pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; } #pagination-flickr .active{ color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; } #pagination-flickr a:link, #pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination-flickr a:hover{ border:solid 1px #666666; } </style> <ul id="pagination-flickr"> <li class="previous-off">«Previous</li> <li class="active">1</li> <li><a href="?page=2">2</a></li> <li><a href="?page=3">3</a></li> <li><a href="?page=4">4</a></li> <li><a href="?page=5">5</a></li> <li><a href="?page=6">6</a></li> <li><a href="?page=7">7</a></li> <li class="next"><a href="?page=2">Next »</a></li> </ul> -->
We can customize the borders around the image , text and tables using the CSS.We can have absolute control over the page’s layout.The features like colour , size and width of four sides(top, bottom,left, right) can be customized as per our requirement.
Here , we are discussing on customizing the border around a text using CSS.
Example:
code:
<!-- <p class="tborder"><br />"Man and MOON"<br /><br /> <style> .tborder{ border-style:solid; border-top-color:rgb(170, 204, 255); border-bottom-color:rgb(16, 92, 182); border-left-color:rgb(128, 182, 42); border-right-color:rgb(128, 182, 149); border-width:20px; border-top-width:10px; border-left-width:10px; } </style> -->
Its been a quite while the trend of drop cap being used in website paragraphs. This article demonstrate on techniques on first letter drop cap using CSS.
Read MoreIts pure beauty of CSS that gives life to the website and makes it lively. Sometimes, one line in CSS can be more than a magic providing solutions. I reviewed some of the CSS files and came up with some one line CSS.
Read MoreCreating Iframe with help of CSS is an easy task. This article demonstrate how Iframe can be built within few minutes.
Read MoreQuite a few people in Nepal are following a web standards to build web application. Whether be it small or large web application, no one cares about the web standards. The web standard has been there for a long time and its been continuously upgrading and updating.
Read More
