CSS 3.0 has a great new features called RGBa. You can now make a transparent background, transparent text, or just about anything else transparent with RGBa. .myClass { background-color:rgba(255,255,255,0.5) } The above tag will color your area with a white background that is 50% transparent. The only issue with RGBa at this time is that IE doesn't support it Read More...
The content are of a box can be given width, height, and color. Width and height can be specified in points (equal to 1/72 of an inch), picas (equal to 12 points), pixels, ems, exes, millimeters, centimeters, inches, or percents. p { width: 100pt ;} p { width: 20pc;} p { width: 300px;} p { width: 40em;} p { width: 50ex;} p { width: 600mm;} p { width: 8in;} p { width: 50%;} The color property can be used to style the text color Read More...
@import Styles? Header and external style sheets also can import other style sheets using the @import rule. The @import rule must be placed before all other rules in the header or external style sheet. @import "advanced.css"; p { font-family: arial, helvetica, san-serif; margin: 1em; padding: 1em; background-color: black; } Imported styles can be used to link to multiple CSS files as well as to hide styles from older browers.
The third method of applying styles to document involves linking to external style sheets. External style sheets are the most appropriate method for styling documents. If styles need to be changes, the modifications can take place in one CSS file rather than all HTML pages. To change the header style to an external style, move the rule set to a new CSS file Read More...
Header styles also can be used to style the <p> element. The CSS rules can be placed in the head of the document using the style element. Like inline styles, header styles, header styles should be avoided where possible because the styles are added to the HTML markup rather than in external CSS files Read More...
CSS, Inline styles can be applied directly to elements in the HTML code using the style attribute. However, inline styles should be avoided wherever possible because the styles are added to the HTML markup. This defeats the main purpose of CSS, which is to apply the same styles to as many pages as possible across your website using external style sheets Read More...
Child selectors Child selectors are used to selected an element that is a direct child of another elements parent. Child selectors will not selected all descendants, only direct children. For example, you might want to target an <em> that is a direct child of a <div>, but not other <em> elements that are descendants of the <div> *Child selectors are not supported by IE 5, 5 Read More...
Universal selectors are used to select any element. For example , to set the margins and padding on every element to 0, * can be used. *{ margin: 0; padding: 0; } Universal selectors also can be used to select all elements within another elements. The code below will select any element inside the <p> element Read More...
Should you use id or class? Classes can be used as many times as needed within a document. IDs can only be applied once within a document. If you need to use the same selector more then once, classes are a better choice. However, IDs have more weight then classes. If a class selector and ID selector apply the same property to one element, the ID selector's value would be chosen.
Home