Style Text With Css

CSS or Cascading Style Sheets is basically a stylesheet language which is used to describe to describe the presentation of a document or web pages. CSS offers many benefits like quicker download time, improved accessibility and easier site management. You can visit css-faq.com and browse the pages there to gain knowledge about the language.

Styling text with CSS is really simple. We can start with some very basic stuff. We will start by defining the HTML that we will be working with

This is the text

Now we can change the attributes of the text.

• Color your text - select the P tag and add some styles to it.
p {
color: red;
}
This will change the color of the text to red.

We can select the P tag and add some styles to it. You can choose any color code from a set of 16 standard color names. The 16 color names are aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow.

• Define the size of your text
p {
font-size:12px;
}
We can define the size of the text in pixals

• Make the text bold or Italic
Use the font-style property to create these effects.

Bold:
p {
font-weight:bold;
}
AND
Italic
p {
font-style:italic;
}

• We can use the text decoration property to create Overline, Underline, strike-through and none effects. The basic syntax is

p {
text-decoration:underline;
text-decoration:line-through;
text-decoration:overline;
text-decoration:none;
}

The text doesn’t have any lines except for the link by default. You can remove the underline by using the decoration text-decoration: none

It is this easy to use a styling sheet to describe the presentation of a document it also has the added advantage the you can do it all in a separate stylesheet!

Share/Save/Bookmark

Tagged with:             

CSS

CSS or Cascading Style Sheets is basically a stylesheet language which is used to describe to describe the presentation of a document or web pages. This usually involves defining colors, fonts, layout and other aspects of objects present on the web page usaually written in markup languages like HTML and XML. CSS offers many benefits like quicker download time, improved accessibility and easier site management. Due to advantages like these, CSS is increasingly being used by web developers today and more and more developers are getting turned around. You can visit css-faq.com and browse the page to gain knowledge about the language.

CSS is a very user friendly language and easily understood by beginners. The syntax is simple and you can use English keywords for specifying the names of various style properties. Cascading Style Sheets allows authors to move much of the information regarding presentation aspects out the markup language and into a separate stylesheet. This leads to much simpler HTML markup and as a result much faster downloading. So, with the introduction of CSS mistakes, a lot of repetition of tasks and lengthy HTML codes have been eliminated.

So, what is a style sheet? A style sheet basically consists of a set of rules and each rule consists of one or more selectors and a declaration block. The declaration, comprises of list wherein they are terminated by semicolon. And a declaration includes a property, a colon (:), a value, then a semi-colon (;).

In the beginning, CSS did not have extensive browser support. But since most version 5, and above, browsers integrate CSS support, today, about 99% of the browsers out there support CSS. But the problem now is that different browsers interpret commands in different ways and this causes developers to go back to the older methods like pixel-perfect table layouts. But, if you try to understand the language and the different browser interpretations, this won’t pose a big problem for you.

Share/Save/Bookmark

Tagged with:     

CSS Mistakes

CSS or Cascading Style Sheets is basically a stylesheet language which is used to describe the presentation of a document or web pages. Today, it one of the most used and convenient ways of coding mark up languages like HTML and XML. Cascading Style Sheets allows authors to move much of the information regarding presentation aspects out the markup language and into a separate stylesheet leading to much simpler HTML markup and much faster downloading. Most of the websites out there are built on an HTML platform and if the CSS is not correctly used, things can go terribly wrong.

CSS is a very user friendly language and easily understood by beginners. The syntax is simple and you can use English keywords for specifying the names of various style properties. But designers often commit fundamental mistakes and this result in incorrect information being transmitted to the website viewers. The css-faq.com mentions some of the common mistakes occurred in CSS known as CSS Mistakes.

Some of the important points to remember to avoid making mistakes are.

• Unless you want to change the value later, don’t waste bytes on zero values. So you don’t have to use units such as px, pt, em, etc.
• Use a hexadecimal code, with a preceding #,to describe a color instead of plain English. The preceding # ensures that the code is parsed correctly otherwise; you will have to remember to add another hash to prevent errors.
• Avoid using several lines when one line can suffice. For example when you want to set a border, don’t set each side separately when each border is the same.
• Don’t make your code too large and end up using more bandwidth. For example you can use just two lines for elements that have only their left border different. Designers also waste a lot of space in their code, by using unnecessary line-breaks or spaces before and after the code.
• Leave some space in so that the code is readably. Some programmers condense everything to such an extreme that the code becomes unreadable.

With 99% of the browsers supporting CSS due to the simplicity of codes and much faster downloads, it is the duty of the designers to avoid fundamental mistakes and properly design a webpage so that the information is transmitted correctly to the viewers.

Share/Save/Bookmark

Tagged with:   

CSS Articles

CSS or Cascading Style Sheets is basically a stylesheet language which is used to describe the presentation of a document or web pages. Due to advantages like quicker download time, improved accessibility and easier site management, web designers have embraced this stylesheet language with both hands. So, even though CSS has some problems like lack of support by all browsers, no use of variables, float limitations, multiple properties performing same functions and not possible for the selectors to ascend, it is increasingly used by designers to define and change the attributes of certain objects in a web page.

CSS is a very user friendly language and easily understood by beginners. The syntax is simple and you can use English keywords for specifying the names of various style properties. The website css-faq.com, provides latest articles, reviews and blogs on CSS. Here visitors can see informative works like CSS Guide for Beginners, Creating Cascading Style Sheets. The css-faq.com also mentions some of the common mistakes that occur in CSS. They also have CSS Mistakes and Web problems to help the readers become experts.

Cascading Style Sheets are basically a way to style a markup language like HTML or XML. So when the markup language contains the information, the style sheets describes how that information will be displayed. Cascading Style Sheets allows authors to move much of the information regarding presentation aspects out the markup language and into a separate stylesheet leading to much simpler HTML markup and much faster downloading. There are different methods to add a style sheet to a web page like Inline method, embedded method and Linked method.

Cascade Style Sheets has become one of the most important languages in web development as it helps the conversion of the mark up languages to the various interfaces that are in use. It is essential that there be no mistakes that can hamper the smooth functioning of the website in the future. But designers often commit fundamental mistakes and this result in incorrect information being transmitted to the website viewers.

Share/Save/Bookmark

Tagged with:     

Web Designing: Using CSS over Tables

Tables are only appropriate for tabular data, forms and presenting data. But if you want to go for a fast loading page with a clean code and nice looking results, then you need to know how to code and start using CSS (Cascading Style Sheet). CSS can be used with HTML codes. There are actually much easier to use given that you have enough time to learn about them. Here are some facts that you need to know.

Tables are specifically made for tabular data. If you are offering such data on your website, then, by all means, use tabular data. Hence, you should stick with CSS.

Nestled tables are the most common table layouts. These are basically tables that are placed inside table cells. Although they make come out good, it takes more time to load a page with such an element. If you use CSS instead, then there would be less coding and thus, it would easier for a browser to load the page you designed.

Using CSS can also save you a lot time when you need to edit your tables. For instance, you want to change font color and style of a table of a thousand pages. If you are using tables, then you have to manually edit your code. But if you are using CSS, all you have to do is edit the CSS file and it would update a thousand pages without editing them one by one.

If you are to use tables for designing a page, you would be writing and using invalid XHTML. This is why it is more advisable to use CSS than table. Tables are only for tabular data.

Using CSS also result to smaller HTML files. Smaller files mean that your page would load faster. A CSS file is an external file so it you don’t really have to re-encode it in every web page you work on.

Share/Save/Bookmark

Tagged with: