BASIC CSS PRESENTATION FOR YEAR 11 IGCSE
OlusholaBabsAjayi
6 views
11 slides
Sep 17, 2025
Slide 1 of 11
1
2
3
4
5
6
7
8
9
10
11
About This Presentation
BASIC CSS PRESENTATION
Slide Content
Basic CSS HTML – Lesson 4
Basic CSS Create a mind map of different tags that you have done so far Extension: Add little images to help you remember each tag 02/07/2019
What we are learning today Learning Objective How does adding style to a web page make it more appealing? Success Criteria Define CSS Discuss how CSS can be used Edit your webpage adding extra style
💝
What is CSS? CSS stands for Cascading Style Sheet It is used to give extra style to your web pages You use CSS by having a selector and a declaration (shown on next slide) You put your CSS in the head of your HTML between the following tags <style></style>
Using CSS <style> h1 { color : blue ;} </ style> h1 { color : blue;} Selector Declaration
Adding the style Define the style at the top between the <style> tags Everything that falls inside that tag or selector in the html body adopts that style <style> h1 { color: blue ; text-align: center } </style> </head> <body> < h1> SEE AMAZING SCENERY </h1>
Task 1 Try adding style to your headings and background colour to your animal website . For help make sure you look at: www.w3schools.com/css
Image style Now some of you may have noticed that your images are either too big or are too small. Don’t fear CSS is here and it can resize your images for you. To resize your images you would do it like this: img { width: 500px; height: 500px;} This will then set the width and high
Image style You can give images their own unique size by putting the style in the img tag. < img src =“pool.jpg” width =“500px” height =“500px” />
Task 2 Change the size of the pictures in your web page For help make sure you look at: www.w3schools.com/css
Tags
Categories
TechnologyDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 6
- Slides 11
- Age 76 days
Related Slideshows
11
8-top-ai-courses-for-customer-support-representatives-in-2025.pptx
JeroenErne2
47 views
10
7-essential-ai-courses-for-call-center-supervisors-in-2025.pptx
JeroenErne2
46 views
13
25-essential-ai-courses-for-user-support-specialists-in-2025.pptx
JeroenErne2
37 views
11
8-essential-ai-courses-for-insurance-customer-service-representatives-in-2025.pptx
JeroenErne2
34 views
21
Know for Certain
DaveSinNM
21 views
17
PPT OPD LES 3ertt4t4tqqqe23e3e3rq2qq232.pptx
novasedanayoga46
26 views