Top 12 benefits of Using CSS for Web Pages
If you are still designing with tables then you are missing out on a lot of the benefits of cascading style sheets (CSS). Tables were not supposed to be used for designing but unfortunately it has been the standard for a long time.
Not any more.
Separate content from presentation.
An external style sheet can contain all the styles for your web site, then if you want to change the content you only have to edit one style sheet. ...
Cascading Stylesheets Advantages: 5 Reasons To Use CSS
1. The content is separated from the design
Because you are able to create a separate Stylesheet and link it to all your webdocuments, you have great control over how your website looks. So if you want to change a certain aspect of your page, you only need to alter one file: your Stylesheet! This Of course, generates some great flexibility. This flexibility is not available when your website is using tables for layout, inline font tags or ...
The Power of CSS
CSS or cascading style sheets are used to create a set of styles that can be applied to your fonts, tables and most other attributes of your web page. These styles allow you to create a much cleaner, faster web page that search engines love and also makes life much easier on the designer when global changes to these styles need to be applied. It is also always critical to always keep in mind your target audience and the average internet conne...
Specify mouse cursors with CSS
CSS allows you to define a cursor that will be displayed at the specific element on your page.
For instance, if you want to show that the clicking the element will show the context help, you can define the "help" cursor for this element.
Here are the list of cursor types you can use for the pointing device (usually, mouse). You can test each cursor by moving mouse pointer above the "Example" block:
Initial value. The browser ...
Internet Explorer & CSS issues
Trying to get CSS-based websites to look the same across all browsers can often be difficult. Many of the problems however lie with Internet Explorer implementing CSS commands differently to other, more standards compliant browsers. All is not lost, however, as many of the differences you see across browsers are caused by the same Internet Explorer CSS issues...
1. Page elements are narrower in Internet Explorer
Perhaps the most fam...
10 CSS tricks you may not know
1. CSS font shorthand rule
When styling fonts with CSS you may be doing this:
There's no need though as you can use this CSS shorthand property:
font: bold italic small-caps 1em/1.5em verdana,sans-serif
Much better! Just a few of words of warning: This CSS shorthand
Ten more CSS tricks you may not know
1. Block vs. inline level elements
Nearly all HTML elements are either block or inline elements. The characteristics of block elements include:
Always begin on a new line
Height, line-height and top and bottom margins can be manipulated
Width defaults to 100% of their containing element, unless a width is specified
Examples of block elements include <div> , <p> , <h1> , <form> ,...
Cascading Style Sheet Basics
There are only three parts to Cascading Style Sheets (CSS), and once we understand what they are and how to use them, CSS becomes very easy and exciting to use. One of the best parts of CSS is that you can create an external Cascading Style Sheet which you can use for all web pages on your website. You can also have one CSS for all of your articles and a different one for all of your press releases. Making one change in your CSS, you are able...
Preparing your CSS for Internet Explorer 7
Later on this year Microsoft will officially release Internet Explorer 7. If you can't wait until then, you can download a beta version and see how it works. Microsoft has hinted that IE7 is officially released they'll be looking to quickly upgrade users from IE6, so it's essential that your website is prepared for this new browser.
You can also grab a screenshot of your website on Internet Explorer 7 using a service such as Browsercam....
In the good old days of the web tables were an essential requirement for creating a webpage. The first thing in laying out a webpage was to create a table. Table was then further divided into cells. Using different combinations of border and shading a number of effects could be created. But the tales and cells also created confusion and messy websites. But with advent of CSS tables can finally be replaced.
If you have been using tables in ...
How to beat Internet Explorer when it comes to CSS
I am guessing an article on this subject has been posted prior to this one, I should hope a few have! However I hope this will provide a refreshing angle on the subject and branch to some other interesting bits of stuff.
I am sure that anyone who has taken even only a few steps into web development has come across the gigantic force that is Microsoft's Internet Explorer. Even for the most experienced coders, the most popular browser of thi...
Planning your CSS - the definitive guide
The more we rely upon CSS, the larger and more complex stylesheet files become. Planning and organising your stylesheet is essential to creating a lean, manageable website. There are many ways of organising CSS code but the following are best practice...
Comment your stylesheet
Commenting your stylesheet makes it much easier to find the information or the commands you're looking for.
Meaningful comments include:
Last updated - T...
10 CSS Tips from a Professional CSS Front-End Architect
I have been working with web standards based design for many years now and I see many rookie mistakes. When newbies get started with CSS/XHTML based web design, most of their work is focused on just getting the page to look like the Photoshop comp. While this translation is important to keep the client happy, considerable thought process should be involved in creating the semantic markup and marrying that with CSS. CSS is not a collection o...
Using !important CSS Declaration
The !important declaration has been valid since CSS1 but it seems to have acquired a bad reputation over the years. Even if the !important declaration should be used with caution, it's a very useful and powerful expression that much deserves its place in our CSS world. This article offers a guide to what the declaration is, what it does and how you should use it
How is it declared?
The !important declaration is a keyword that can ...
Styling Forms with CSS
In many ways, forms are the real workhorses of the Web, but that doesn't mean they have to be plain. Until CSS use became prevalent, little could be done to alter the way forms and form elements looked on the Web. Standardizing text field sizes between PC and Macintosh was a problem because the different operating systems interpreted character width differently; moreover, the field sizes may vary from browser to browser.
CSS form design gi...
7 Useful CSS Tools
CSS or Cascading Style Sheets is still one of the most popular modes of designing a working website, yet, for many designers it can be at times a lengthy and tedious job. Thus, many web designers have took to using CSS tools in order to quicken the process up as well as have more control over design elements. Here's a few of the favourite CSS tools recommended by web designers to enable you to create a working website quickly and easily using...
Creating Custom Error Pages with .htaccess
Have you ever noticed that some people have really nice error pages when a page doesn't exist on their site? Wouldn't it be nice if you could make your error page match the rest of your site? Don't fret; you can do it! All you'll need to do is use a handly little file called .htaccess.
First thing you need to know is that .htaccess is a very powerful file that controls a lot of important parts of your site. Before you change anything, make...
6 Tips To Secure Your Website
Most people on the internet are good, honest people. However, there are some people browsing the internet who derive fun from poking around websites and finding security holes. A few simple tips can help you secure your website in the basic ways. Now, obviously, the subject of data security is a complicated one and way beyond the scope of this column. However, I will address the very basics one should do which will alleviate many potential pr...
Mod_Rewrite For Newbies
This article is not a complete guide to Apache's mod_rewrite neither to .htaccess. Its purpose is to help you - the webmaster - to create "mod_rewritten" versions of your dynamic webpages even if you have limited technical knowledge. I won't show you all the tips-and-tricks - my aim is to bring all the complexity of the Apache's documentation to 1-2 pages of human language - easy and fast.
What is mod_rewrite?
Mod_rewrite is Apache extens...
How to Restrict Access to a Directory Using Password Authentication
This article explains how to restrict access to directories with HTTP Basic Authentication.
Generate password file
At first, you need to create your password file. It can be done two methods:
Using our online .htpasswd generator tool (the easier way).
Using htpasswd utility (the standard way).
Using our online .htpasswd generator
Generate .htpasswd files with our password tool is easy: just enter desired username and passwo...