html, css, jQuery, PHP, mySQL

Posts Tagged ‘elements’

CSS From Scratch. 8:3 Fancy Boxes

Wednesday, August 10th, 2011

How do web designers manage to get those cool effects, like overlapping boxes, shadows and rounded corners? Well, it used to be fairly tricky to do, using extra <span> elements with background images (for rounded corners) and extra divs with darker backgrounds (for box shadows). Don’t even mention drop shadows on text: the only browser […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 8:1 Pseudoclasses

Wednesday, August 10th, 2011

The commonest use of pseudoclasses is to add styles for different states of an anchor (link) element. This includes the hover state – when the mouse hovers over an element, the style changes. Internet Explorer only recognises hover on an anchor tag, but other browsers may allow hover states on any other elements. The basic […]

Tags: , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 5:4 The Box Model Introduced

Saturday, August 6th, 2011

The important thing to be aware of is that all of the elements on your page are boxes. When we used the star selector, we put a red border around all of the elements. You can use the same CSS to put a border around any element on your page. Practice putting a border around […]

Tags: , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 5:3 Classes and IDs.

Saturday, August 6th, 2011

Sometimes just selecting parts of the page using the element name (body, div, p, ul etc) is not enough. What if you want to make one paragraph stand out by giving it bold text? Perhaps there are several elements on your page which should all have a different colour of writing? This is where the […]

Tags: , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 5:1 The Cascade

Saturday, August 6th, 2011

In the previous lesson we learned how to link a CSS file to an HTML document and how to use the Star Selector or Wildcard to put a border around every element on the page. You should have a file named stlye.css saved in the same folder as index.html. If you do not, please consult […]

Tags: , , , , , , , , , , , , , , , ,
Posted in Tutorials | 2 Comments »

CSS From Scratch. 4:5 Decimal Colours and Alpha Transparency

Friday, August 5th, 2011

A more modern way to represent the 256 possible values of each small light for use in CSS is to use decimal notation. Some people find this easier to understand. Each colour of light is represented by a number between 0 and 255. The numbers are usually written like this: rgb(255,0,0) Notice that the numbers […]

Tags: , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

HTML From Scratch. 3:1 HTML Attributes

Friday, August 5th, 2011

For links for this lesson (the W3C online validator) see separate sheet.┬áresources HTML elements can take various attribute and value pairs, which tell the browser something extra about how to display the element, or give more information which can be used by web crawlers (Googlebot et al) or assistive devices such as screen readers. We […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | 1 Comment »

CSS3 Transition and Transform: Spinning Flower

Wednesday, March 23rd, 2011

This tutorial gives instructions for Safari (Webkit), and the demonstration files include styles for Safari and FireFox4. OK so in the last tutorial I showed you how to make an equilateral triangle with css3. Now you can use this basic triangle to make a flower, or another symmetrical shape, using the css3 attributes transform and […]

Tags: , , , , , , , , , , , , , , , , , , , , ,
Posted in CSS3, Tutorials, web design | 4 Comments »