Different Ways To Format CSS
Formatting has nothing whatsoever to do with how the CSS functions. These are merely aesthetic choices by the coder. But that’s not to say formatting isn’t important. That would be like saying the choice...
Category: CSS
CSS Interview Questions and Answers -09
How do I make my div 100% height? You need to know what the 100% is of, so the parent div must have a height set. One problem that people often come up against...
CSS Interview Questions and Answers -08
How do I have a non-tiling (non-repeating) background image? With CSS, you can use the background-repeat property. The background repeat can be included in the shorthand background property, as in this example: body {...
CSS Interview Questions and Answers -07
How do I get rid of the gap under my image? Images are inline elements, which means they are treated in the same way as text. Most people kind of know this – they...
CSS Interview Questions and Answers -06
Why call the subtended angle a “pixel”, instead of something else (e.g. “subangle”)? In most cases, a CSS pixel will be equal to a device pixel. But, as you point out, the definition of...
CSS Interview Questions and Answers -05
How do I combine multiple sheets into one? To combine multiple/partial style sheets into one set the TITLE attribute taking one and the same value to the LINK element. The combined style will apply...
CSS Interview Questions and Answers -03
Why do style sheets exist? SGML (of which HTML is a derivative) was meant to be a device-independent method for conveying a document’s structural and semantic content (its meaning.) It was never meant to...
CSS Interview Questions and Answers -02
Three selectors: h1, .warning and #footer, what they do ? An element points at a HTML-tag somewhere on your page. In the example above we want to style the <h1>-tag. Note that using an...
CSS Interview Questions and Answers
What is CSS? 1. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. Every element type as well as every occurrence of a specific...
Responsive Web Design Guide for Beginners
Whether you’re a beginner or a seasoned web professional, creating responsive designs can be confusing at first, mostly because of the radical change in thinking that’s required. As time goes on, responsive web design...
Tutorial – Make a Responsive Website in 15 Minutes
The popular responsive websites has been going on for several months now, and a lot of websites are already responsive, or underway. You know what that means? Today I will teach you how to create...
Cross-Browser hr Styling using css
hr { border : 0; height : 15px; background : url(hr.gif) 50% 0 no-repeat; margin : 1em 0; } For IE < 8 (use conditional stylesheets) hr { display : list-item; list-style : url(hr.gif)...
How to make Centering a Website in simple CSS steps?
<body> <div id=”page-wrap”> <!– all websites HTML here –> </div> </body> #page-wrap { width: 800px; margin: 0 auto; }
Basics of Google Font API (Application Program Interface)
Link to CSS files You essentially hotlink directly to CSS files on Google.com. Through URL parameters, you specificity which fonts you want, and what variations of those fonts. <head> <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans”> </head>...
What are the important CSS Rules
A Cascading Stylesheet rule tells the browser what the HTML looks like, and what it should do. A rule can dictate what just one HTML tag should look like, or you can construct your own...
Top 10 Tips to a make a popular Website page
There aren’t any magic pills to create a great web page that everyone will visit again and again, but there are things you can do to help. Some key things to focus on are...
5 Useful CSS Tricks for Responsive Webpage Design
Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m...
iPhone Calling and Texting Links
This is the calling one (probably more useful if the clickable text is words, as the iPhone auto-detects phone numbers and does this automatically): <a href=”tel:1-408-555-5555″>1-408-555-5555</a> This is the SMS one, which overrides the...
14 examples of professional data visualization on the website
An ever growing amount of data is being made freely available by popular web services like flickr, twitter, the guardian, and many more. We’ve collected a list of great examples of how such data...