Posts

Showing posts from December, 2009

Equal Height Columns with JavaScript (Full Version)

http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/

CSS Intermediate Tutorial

Like the HTML Intermediate Tutorial , this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner Tutorial . Contents Class and ID Selectors - Make your own selectors without the need for sticky-backed plastic! Grouping and Nesting - Properties assigned to multiple selectors or selectors within selectors. Pseudo Classes - Defining various states of a link selector. Shorthand Properties - Various properties, such as borders and margins that amalgamate other properties into one. Background-images - Guess.

Some extra use for css Tag

Bad Tags This page looks at some of the HTML tags of fairytale worlds and prehistoric times. Bad, nasty, downright ugly little things that belong to outdated HTML standards, random proprietary nonsense that only half-work in one sub-version of one browser or tags that have simply been superseded by newer tags. Some have suggested that although the approach of HTML Dog to teach standards-based HTML and CSS without making a song and dance about the standards is perhaps a good one, but by doing so, users (beginners in particular) may come across different approaches and bad practices elsewhere without knowing that there is anything wrong with them. So here's HTML Dog's answer: A guide to what not to use . Tags These are some of the most common tags you might come across that have better alternatives: b could be used to make an element bold. Using strong (meaning strong emphasis) instead adds meaning, or to just add boldness, font-weight: bold in CSS does the job. i could be...

All css using properties

The Whole Shebang background background-attachment background-color background-image background-position background-repeat border border-collapse border-color border-spacing border-style border-width bottom caption-side clear clip color content counter-increment counter-reset cursor direction display empty-cells float font font-family font-size font-style font-variant font-weight height left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin max-height max-width min-height min-width orphans outline outline-color outline-style outline-width overflow padding page-break-after page-break-before page-break-inside position quotes right table-layout text-align text-de...

CSS Selectors, Properties, and Values

Whereas HTML has tags , CSS has ' selectors '. Selectors are the names given to styles in internal and external style sheets. In this CSS Beginner Tutorial we will be concentrating on HTML selectors , which are simply the names of HTML tags and are used to change the style of a specific tag. For each selector there are ' properties ' inside curly brackets , which simply take the form of words such as color , font-weight or background-color . A value is given to the property following a colon (NOT an 'equals' sign) and semi-colons separate the properties. body { font-size : 0.8 em ; color : navy; } This will apply the given values to the font-size and color properties to the body selector. So basically, when this is applied to an HTML document, text between the body tags (which is the content of the whole window) will be 0.8 ems in size and navy in colour. Lengths and Percentages There are many property-specific uni...

Css Properties

This section contains information about all of the valid properties belonging to the CSS 2.1 standard. Text and Fonts font font-family font-size font-weight font-style font-variant line-height letter-spacing word-spacing text-align text-decoration text-indent text-transform vertical-align white-space Colours and Backgrounds color background-color background background-image background-repeat background-position background-attachment The Box Model - dimensions, padding, margin and borders padding, padding-top, padding-right, padding-bottom, padding-left border, border-top, border-right, border-bottom, border-left border-style, border-top-style, border-right-style, border-bottom-style, border-left-style border-color, border-top-color, border-right-color, border-bottom-color, border-left-color border-width, border-top-width, border-right-width, border-bot...