CSS:Understanding CSSCSS stands for cascading style sheets. These are used to style a webpage, as they define how HTML elements are displayed.
The styling of a document can be placed:
as an internal stylesheet (in the < head > tags)
as an external stylesheet
inline – or inside an HTML element (like < font size="1" >)
However, inline styling is not recommended. Most of the codes used are deprecated (meaning they are outdated and considered ‘incorrect’ coding). Also, it is much easier to use CSS.
CSS SyntaxCSS syntax consists of three parts:
The three parts are expressed in such a manner:
This is the neater way to set things out and makes things a lot easier to read. However some people choose not to move to the next line, but rather to just leave a space.
The selector is the HTML element you wish to define. The property is the attribute you wish to change. Here is an example:
The CSS above would mean that any text you
put in a paragraphwould be black.
If you want to define more properties, you must separate them with a semicolon like so:
If a value has multiple words, you must quote it:
GroupingGrouping can be used. If you want to make paragraph text and header 1 text black and in the font Times New Roman, you would separate the selectors with commas like so:
That is just some of the basics of understanding CSS.
If this Tutorial helped you. Please link back!!