CSS (Cascading Style Sheet) in Computer Science
Along with HTML, students at both key stages 3 and 4, learn the basics of styling the HTML using CSS in stylesheet to create beautiful markup websites, this includes:
CSS Fundamentals
Design Principles: Students learn fundamental design principles such as layout, balance, contrast, and alignment to create visually appealing and user-friendly web pages.
Styling Pages: HTML elements are styled using CSS (Cascading Style Sheets) to control their appearance, including attributes like color, font, size, and spacing.
Text Colors: CSS allows students to specify text colours using colour names, hexadecimal codes, RGB values, or HSL values, enabling customization of text appearance.
Background Colours: Background colours can be applied to HTML elements using CSS, enhancing the visual presentation of web pages and creating distinct visual elements.
Changing Fonts: Students can use CSS to specify font families, sizes, weights, and styles, providing flexibility in customizing the appearance of text content.
Alignment and Size: CSS properties like text-align and width enable students to align text and control the size of elements, ensuring proper layout and presentation.
Styling Hyperlinks: Hyperlinks can be styled using CSS to change their appearance, including color, font, decoration, and hover effects, improving user interaction and navigation.
Color Codes: Students learn to use colour codes, such as hexadecimal, RGB, and HSL values, to specify colours in CSS, allowing precise control over the colour palette of web pages.
External CSS: External CSS files can be linked to HTML documents, allowing for centralized styling and easier maintenance of styles across multiple web pages.
Navigation Bars: Navigation bars are created using HTML lists and styled with CSS to provide navigation links for users, facilitating easy access to different sections of a website.
Intermediate and Advanced CSS
Margins and Padding: CSS properties like margin and padding are used to create space around elements, controlling their positioning and appearance within a layout.
Advanced Positioning: Advanced positioning techniques, including absolute, relative, fixed, and sticky positioning, allow students to precisely position elements on a webpage, creating complex layouts and designs.