Quick links for CSS questions.
Definition & Advantages
Three ways to use CSS in HTML documents
Cascading Order (CSS Hierarchy, CSS Priority)
CSS Grouping
CSS ID and CSS Class (ID vs. Class)
CSS Nesting
Example - Boxes
These are some CSS tips for quick reference.
Definition & Advantages
CSS(Cascading Style Sheets) is a style language to define fonts, colors, background colors / images, height, width, margins, positions and many other things in HTML documents. HTML itself can be used to describe these properties, but CSS is more powerful, accurate and efficient. Also, CSS is cached and it will shorten the overall loading time once it's cached.
In HTML
<body ...
Choosing right colors for your website design is important in the sense that colors can motivate your website visitors. Colors affect the mood of the visitors. Set the right mood for your viewers by choosing the right color that fits your design.
Keep the consistent color palette through all your web pages. This will provide visual unity and simplicity for the visitors. Add variety by using different shades of the main color(s).
Here are some common color schemes and recommendations depending on business type:
- Color schemes that work well for regular business sites:
blue and white
blue, gray and/or white
red, ...
Page Layout
Arrange the keyword layout of each page efficiently so that they will be spidered better by the major search engines. Search engine reads HTML source codes from left to right and from top to bottom. Put important phrases or search engine optimized paragraphs before images and other multimedia effects.
Cascading Style Sheets
Search engine spiders cannot read CSS style commands. Because cascading style sheets can be long (more than 50 lines), don't include them within the actual web pages. A separate CSS file should be kept and invoked within web page source codes.
JavaScript and Unspiderable Code
JavaScript on ...
Key points for SEO website design
What do search engines look for from your website?
Relevant content
Easy and clear navigation
Fast loading
When you design your new website, or you hire a website designer, the following key points should be emphasized.
1. Easier navigation is more important than pretty looks.
2. Search engines read text, not image. Text is what they index.
3. Use minimal or no Flash. This has been discussed among many designers and SEO experts. Designers still want to use flash because it looks trendy. But here is why website owners have to decide to minimize Flash for their new ...
CSS Creator
http://csscreator.com/?q=forum/
Check this forum when you have CSS-related questions. The site covers various ranges of CSS questions and topics.
CSS Beauty
http://cssbeauty.com/
CSSBEAUTY? provides a database of well-designed websites that are CSS-based. You can submit your CSS-based site or recommend others.
CSS on Top Org.
http://web.top.org/css/
This site provides galleries of CSS-based websites, templates, and resources.
Listamatic
http://css.maxdesign.com.au/listamatic/
This site offers examples of simple CSS lists including nested, horizontal and experimental lists.
Position Is Everything
http://www.positioniseverything.net/
This site provides information about bugs in browsers, demos of interesting CSS behaviors, and so on.
CSS Rounded Corner and Gradient Generator
http://www.roundedcornr.com/
This tool generates a box with rounded corners ...
0 Comments
