CSS Basics

What is CSS
CSS or Cascading Style Sheets, is the language used by web developers to tell browsers what the aesthetics of a webpage should be. This could mean anything from where a photo appears and how it appears, to the background colour of your page. The look and feel of your page is entirely customisable with CSS.

How it works
When you want to change the style of a part of a website, you enter the identifier of the elements you want to change, and the attributes you wish them to have. Say, for example, you want to change the colour and weight of the text on your page. You would use the language and tagging in the example below.

Example

p {
color: black;
font-weight: bold;
}

‘p’ in this case refers to the generic text elements in a webpage, any text in an HTML ‘p’ tag, that isn’t affected by a different CSS class will have the attributes defined here.
Any CSS code between the ‘{‘ and ‘}’ will change the attributes of the selected element, ‘p’.

‘Color’ Is an aspect of the text which you wish to change

black’ is the attribute assigned to the text.

Finally, the ‘;’ at the end tells the browser that the line of CSS is completed, and will start reading the next line. Line in this case just refers to CSS code segments that need to be understood by the browser. One can put many code segments in a row, and as long as they are separated by semicolons, the browser won’t have any trouble understanding the code.

How we can help

Our web design services can take the hassle off your hands, so there’s no need to spend hours learning the syntax and intricacies of CSS. You come up with the idea, and we can make it happen.

 

Privacy Policy | Terms & Conditions | F.A.Q
© Optimum Office Ltd 2018. Optimum Office a limited company registered in England under company number 10585606.

Our registered office is: 127 Blenheim Road, Deal, Kent CT14 7EY