More than one CSS class

Categories: Computer Programming Languages, CSS|Tags: , , , , , |

More than one CSS class : Using more than one CSS class, if you want to make your CSS really effective, it’s best to split your CSS classes into groups of CSS properties. This way, when you are designing and laying out a web page you can apply more than one CSS class to

Using CSS classes and the class attribute

Categories: Computer Programming Languages, CSS|Tags: , , , , |

Using CSS classes and the class attribute Code Skills: CSS classes are a simple and effective way of using CSS to change your HTML elements. Let’s have a go at coding some CSS classes and using them with the class attribute to change the design of a web page.

Tips and tricks for CSS coding

Categories: Computer Programming Languages, CSS|Tags: , , , |

Tips and tricks for CSS coding: CSS is always made up of a property and a value. The property is the name of what you want to change and the value is what you want to change it to. There are hundreds of different CSS properties and values.   You separate the property from

Using CSS classes

Categories: Computer Programming Languages, CSS|Tags: , , , , , , , , , , , |

Using CSS classes : You might have noticed that adding lots of CSS properties to our HTML tags has made our lines of code long and difficult to read. It also takes time to type in the same CSS properties over and over again. To save time and make our code look neater, we

Creating borders and space with CSS

Categories: Computer Programming Languages, CSS|Tags: , , , , , , , , , |

Creating borders and space with CSS: We can also use CSS properties to create borders and space around our HTML elements. To create a border around a HTML element, you have to use the border CSS property and set the values to the width, style and colour you want. Let’s look at an example:

Making things different sizes with CSS

Categories: Computer Programming Languages, CSS|Tags: , , , , , , , |

Making things different sizes with CSS : We now know how to change the colour of our text, add background colours to our HTML elements and position them in different places on the page.

Using more than one CSS property

Categories: Computer Programming Languages, CSS|Tags: , , , |

Using more than one CSS property : You can use more than one CSS property and value in a style attribute. All you have to do is use a semi-colon (;) to separate them. Your browser will read all of the CSS properties and Here we’ve used two CSS properties apply them to your

Alignment CSS properties

Categories: Computer Programming Languages, CSS|Tags: , , , |

Alignment CSS properties: So far all our HTML elements have been in the same position on our page. The text-align and float CSS properties allow you to align (another way of saying position) text and other HTML elements on your page. The text-align property lets you position your text to the left, right or

Go to Top