Learning how to use the full range of CSS selectors available in CSS 2.1 properly can actually help you keep your HTML a lot cleaner. It will let you minimise unnecessary use of the class attribute and the need for adding extraneous div and span elements to the markup. Sounds good, right?
I’m going to describe all the selectors later on, so things will definitely get a bit trickier. Before that though, here is an overview of the syntax for all CSS 2.1 selectors.
The default text size is a good starting point, but for most people (designers, clients, and their customers) 16px is too large for body text. In our example, the body text was reduced to 12px (pixels).
.text p { font-size:14px; }The result show that Safari and Firefox still resize the text, but IE6 and IE7 do not. In Opera and IE7 the text can be resized by using the page zoom tool, which magnifies the page layout, text and images within.
In this example we will use ems to size the text. The em is a true typographic unit, recommended by the W3C, and affords a precision keywords lack. Working from a default of 16px, the following styles should give the desired text sizes:
Eye-tracking studies are hot in the web design world, but it can be hard to figure out how to translate the results of these studies into real design implementations.
Most of the tips below are common sense: people scan web pages rather than read them, people look at the top left corner of the page first, people ignore banner ads, people ignore fancy formating that looks like ads, etc.
But why do people interact with pages in this manner?
The answer should be obvious: web designers have trained visitors to use their sites in a certain way. Google, Yahoo, MSN and AOL all format their sites according to the above listed guidelines. Because of this, people expect site names and logos to be a the top left. They expect banner shaped images to be banners and therefore ignorable. They expect sites to look, feel, and function a certain way and they are very frustrated when they don’t.
The World Wide Web Consortium (W3C), along with other groups and standards bodies, has established technologies for creating and interpreting web-based content. These technologies, which we call ‘web standards‘, are carefully designed to deliver the greatest benefits to the greatest number of web users while ensuring the long-term viability of any document published on the Web.
Designing and building with these standards simplifies and lowers the cost of production, while delivering sites that are accessible to more people and more types of Internet devices. Sites developed along these lines will continue to function correctly as traditional desktop browsers evolve, and as new Internet devices come to market.
Cross-browser compatibility is still one of the most complex issues when it comes to web-development. Web standards usually guarantee a (relatively) high degree of consistency, however no browser is perfect.
From the statistics below, you can see that Internet Explorer is the most common browser. However, FireFox has become quite popular as well.
The most used operating system is Microsoft Windows XP with screen resolution of 1024×768.
SEO or Search Engine Optimization is the way that web sites are written so that they will be quickly and effectively picked up by web crawlers and get a high ranking on internet search engines. SEO involves the text content used on a web page, as well as things such as how the pages of a web site are linked to each other, and the meta tags that describe the topics of your pages to web crawling programs but are invisible to the reader. All of these elements contribute to your original search engine positioning and search engine rank, and decide how high in the listings the link to your web site appears. Here are 10 tips to improve search engine optimization (SEO).
After long time, we are proud to tell you that Delicon is finally on the Internet.
