BTEC Level 3 DIPLOMA/EXTENDED IT PRACTITIONERS Software Development
Unit 20 Client-Side Customisation of Web Pages
ASSIGNMENT 1 CSS Selectors template (P1)
Date: 07/02/2019
1. Tag selectors - complete the table
Describe what a tag selector targets on a HTML page? A tag selector is used to target and style HTML tags. An example could be a tag like “p”.
Example of the CSS code for a tag selector <p> Hello World </p>
2. Class selectors - complete the table
Describe what a class selector targets on a HTML page? The class selector is used multiple times within a page and can be named anything.
Example of the CSS code for a class selector body
{
background-color: aqua;
}
3. ID selectors - complete the table
Describe what an ID selector targets on a HTML page? The ID tag is most commonly used to target and style div’s, it can only be used once per
page.
Example of the CSS code for an ID selector #firstname {
background-color: yellow;
}
, 4. Descendent selectors - complete the table
Describe what a descendent selector targets on a HTML A descendent selector is a combination of selectors used to style an element within
page? another element.
Example of the CSS code for a descendent selector div p {
background-color: yellow;
}
Unit 20 Client-Side Customisation of Web Pages
ASSIGNMENT 1 CSS Selectors template (P1)
Date: 07/02/2019
1. Tag selectors - complete the table
Describe what a tag selector targets on a HTML page? A tag selector is used to target and style HTML tags. An example could be a tag like “p”.
Example of the CSS code for a tag selector <p> Hello World </p>
2. Class selectors - complete the table
Describe what a class selector targets on a HTML page? The class selector is used multiple times within a page and can be named anything.
Example of the CSS code for a class selector body
{
background-color: aqua;
}
3. ID selectors - complete the table
Describe what an ID selector targets on a HTML page? The ID tag is most commonly used to target and style div’s, it can only be used once per
page.
Example of the CSS code for an ID selector #firstname {
background-color: yellow;
}
, 4. Descendent selectors - complete the table
Describe what a descendent selector targets on a HTML A descendent selector is a combination of selectors used to style an element within
page? another element.
Example of the CSS code for a descendent selector div p {
background-color: yellow;
}
