CSS - Cascading Style Sheets
Website design tips, techniques & advice.
LeonardoMan - Da Vinci
CSS - Cascading Style Sheets |
Website design & CSSIn order to understand better the unquestionable importance of CSS in Web design please visit "Web Page Design Sample 1" then visit "Web Page Design Sample 2" to see and compare the difference.As you have noticed, the first example was designed with classic html codes. When your visitors have different browser settings they may see a different Website than you have designed. If your page contains a complex design with many table rows and columns this issue is more critical. Text lines may be broken or wrapped at unlikable points, or even your Headlines, paragraphs, links... may appear on strange places. Your visitors may get weirdly designed pages which means a bad credit for your nice Website. How to avoid changes? The answer is: by controlling html with a few additional CSS codes. You can control the body, paragraphs, fonts and many other section structures of your page design with CSS. I will inform a few practical hints here but if you are interested you may find further information on the Net. Besides, CSS can be of great use when optimizing your website for search engines. You can place all the heavy coding in an external file and search engine spiders will find the content of your website faster! CSS can be used in three ways: Inline, Embedded, External. Inline: Inline CSS is used in the body of the webpage together with a html code. You can use it to change the general command of an external CSS. For Example: and the result: Inline CSS commandYou can use CSS codes in every Website. Part of the text is greenEmbedded: Embedded CSS is used in the web page as the Inline CSS but in <head> and </head> as a list of codes. Still you can use Inline CSS with Embedded if you need but less Inline CSS Code is better. External: External CSS is a text file loaded in the root of your Website that contains the full list of commands. Pages are linked to this document and when a browser visit your page, first this file will be downloaded. The most practical part of the External CSS is your ability to change the total design of your Website in seconds even it has hundreds of pages. Upon you create the CSS file, you name it (like "my.css") and upload it to your web server, and add the below code to your Website: Example of my.css file: We hope you have been pleased and will benefit from this information to create better designed, fast opening and visible (good ranking) Websites. Of course this is only a short summary of the story, your page will still change its shape and you need a few more tricks. If you want to learn more send an email to support and ask for more codes of page stability. |
