Namaste UICss3 in Namaste UI focused on css tutorial, learn css3, how to design css, html and css design, review css, css3 for beginners and getting started with css.
For a float based layout the common problem is that the container doesn’t stretch up. Try Clearing floats. For example if you want to add floats then using command the browsers it stretch up the container all the way. Suppose we are using the below css through out the page: div.container { border: 2px solid […]
Creativity does not belongs by born. So using CSS pretty much anything that can be done using your feelings. Make your interest in depth and you will be easily drawn to the next big thing. The same rule follows web industry. Days by day the world of CSS is exploring that you considered previously. Here […]
It is very essential to remember when using CSS to website that you need to maintain some types of tricks which is very helpful. CSS tricks: 1) Don’t fix the font size:You do not know in what resolution people are using your website so let auto fix the font size depends on ratio. Avoid p […]
Website can not be completed without any style. So you apply CSS. When a browser reads a CSS style sheet, this formats the HTML document according to the information in the CSS style sheet. With 3 basic ways you can add CSS in your web pages:- 1) Link your webpage with an external file: <link […]
Image sprite is nothing but a collection of images put into a single image. When web page loads then for a particular location we show particular position of a image. For multiple images it takes time to load on a server. That is why we use single image for multiple position to save bandwidth. In […]
The most confusing part of CSS styling is that font-size attribute i.e. how this will show in various resolutions. em: This scalable unit is used in web document media due to scalability and their mobile-device-friendly environment. For instance one em is equal to current font-size i.e. if font-size of the document is 10pt then 1em […]
Using !important rules can be a dangerous way to style your webpage that usually means you are forcefully doing this, but they exist for some reason. The paragraph will be colored red, even there is a ID selector that has higher priority. So, the this rule overrides all the particular property. An !important rule works […]
Using both @import and link tag you can include style sheet in a webpage. But there is a difference. For performance “link” has a much better advantage. Example of @import and link: <link href=”style.css” type=”text/css” /> <style type=”text/css”> @import url(“style.css”); </style> As @import allows you to import one style sheet into another but older browsers […]
Reset.CSS is used to normalize browser’s default styles that resets the styling of all HTML elements to a consistent baseline. Every browser has its own default ‘user agent’ stylesheet which use unstyled websites appear more legible. For example default links color is blue and visited links are purple color. – Some reset stylesheets is harmful […]
You can create CSS Picture frame type border using css styles. For creating a CSS Picture frame type border you can use this code: .htmlframe { position: relative; height: 100vh; width: 100%; background-image: linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), linear-gradient(to top right, transparent 48.5%, gray 48.5%, gray 51.5%, transparent 51.5%), […]