Use Stylesheets
Aperçu
If HTML decides what is on a page, CSS decides how it looks. Cascading Style Sheets let you set the fonts, colours, spacing and alignment of your elements, and the clever part is the word cascading: when several styles could apply to the same element, clear rules decide which one wins. Write your styles once in an external file and you can give a whole website a consistent, professional look from a single place.
In this lesson you will learn the three ways to apply CSS (inline, internal and external) and the order of precedence between them, the syntax of a CSS rule with its selector and declarations, how to target elements, classes and ids, and the properties for fonts, colour, alignment and backgrounds. You will also see why external stylesheets must be linked with relative file paths.
Objectifs
- Use CSS in the presentation layer.
- Create the presentation layer of a web page Create generic external styles and inline style attributes including: • background properties including colour, images • font properties • table, table row, table header and table data properties including size, background colour, horizontal and vertical alignment, spacing, padding, borders: including collapsed, colour, thickness, visible/invisible Create classes including: • background properties including colour, images • font properties • table, table row and table data properties including size, background colour, horizontal and vertical alignment, spacing, padding, borders: including collapsed, colour, thickness, visible/invisible Create external styles to be tagged in a web page including h1, h2, h3, p, li Specify the font properties including font family, size, colour, alignment, bold, italic Attach comments to an external stylesheet Save styles in cascading stylesheet format.
- The use of CSS in the presentation layer.
- Characteristics of cascading stylesheets including the difference between attached stylesheets and inline style attributes, the hierarchy of multiple attached stylesheets and inline styles within a web page Characteristics of a style and a class including the difference between them Reason relative file paths must be used for attached stylesheets.
Note de cours
Disponible sur l'application Green Bridge
Téléchargez l'application Green Bridge CBT sur votre téléphone ou votre ordinateur pour accéder aux notes de cours complètes, aux questions pratiques, et plus encore.
Évaluation de la leçon
Félicitations, vous avez terminé la leçon sur Use Stylesheets. Maintenant que vous avez exploré le concepts et idées clés, il est temps de mettre vos connaissances à lépreuve. Cette section propose une variété de pratiques des questions conçues pour renforcer votre compréhension et vous aider à évaluer votre compréhension de la matière.
Vous rencontrerez un mélange de types de questions, y compris des questions à choix multiple, des questions à réponse courte et des questions de rédaction. Chaque question est soigneusement conçue pour évaluer différents aspects de vos connaissances et de vos compétences en pensée critique.
Utilisez cette section d'évaluation comme une occasion de renforcer votre compréhension du sujet et d'identifier les domaines où vous pourriez avoir besoin d'étudier davantage. Ne soyez pas découragé par les défis que vous rencontrez ; considérez-les plutôt comme des opportunités de croissance et d'amélioration.
- Which way of applying CSS lets one file style many web pages at once? A. Inline style B. Internal style C. External stylesheet D. A comment Answer: C
- If an inline style and an attached stylesheet set the same property, which is used? A. The attached stylesheet B. The inline style C. Neither D. A random one Answer: B
- In the CSS rule p {color:#0000ff;}, the part 'p' is the: A. Property B. Value C. Selector D. Declaration Answer: C
- How is a class called right applied to a paragraph in the HTML?
A.
B.
C.
D.
Answer: B
- In a font-family list, the generic font family (such as sans-serif) should be placed: A. First B. Last C. In the middle D. In a separate rule Answer: B
Disponible sur l'application Green Bridge
Téléchargez l'application Green Bridge CBT sur votre téléphone ou votre ordinateur pour accéder aux notes de cours complètes, aux questions pratiques, et plus encore.
Disponible sur l'application Green Bridge
Téléchargez l'application Green Bridge CBT sur votre téléphone ou votre ordinateur pour accéder aux notes de cours complètes, aux questions pratiques, et plus encore.
Livres recommandés
Pratiquez des questions blanches
Vous voulez vous entraîner sur des questions blanches sur Use Stylesheets ? Téléchargez lapplication Green Bridge CBT pour accéder à des questions blanches et à des évaluations complètes sur ce sujet.
Téléchargez l'application sur Google Play.
Tout ce dont vous avez besoin pour exceller au JAMB, WAEC et NECO.
