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 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: 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 : 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: 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:
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: 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