Download presentation
Presentation is loading. Please wait.
1
CSS Nick Sims
2
Cascading Style Sheets
It’s a form of web language which standardises the layout throughout a website It’s good practice to use the same layout for a website CSS allows you to create a standard layout and style which can be used on each web page of a website It is easier to alter and maintain Otherwise the web designer would have to change each reference to a particular style
3
Cascading Style Sheets (CSS)
CSS is made up of a series of styles like: Bold, Italics, Colour, Size The style is defined in the CSS and then used in the HTML – style tags are placed around the content that is to be affected by the style
4
CSS frameworks CSS can be written into the HTML in three ways:
inline, header and external Inline: the CSS is defined in the same area of the code as that to which it is to be applied For example: <p style=“background: red; colour: white; font-family: Times New Roman;” >An Example of Inline CSS</p>
5
CSS frameworks CSS can be written into the HTML in three ways: inline, header and external Header: the CSS is defined in the head section of each web page and applied throughout the body: For example: See Next Slide
6
CSS frameworks Header For example: <HEAD> <Style> H1{
Background: red; Color; white; Font-family: times new roman; } </Style> </HEAD> <body> <h1>An example of header CSS</h1> </body> CSS frameworks
7
CSS frameworks CSS can be written into the HTML in three ways: inline, header and external External: the CSS is defined in a separate file, which all web pages can reference. This is called a CSS file (.css file) there are two lines which can be put in the head of the HTML to link the external file: For example: See Next Slide And see Page 61 of the BTEC IT Level 3 – Book 2
8
CSS frameworks
9
Box model CSS is used to create layouts on web pages.
Using this method, the pages can be viewed in any browser or resolution and the integrity of the design should remain the same This is because the layout is recalculated on each opening. The resulting page can therefore be designed very accurately
Similar presentations
