102 docs tagged with "CSS"

Adding inline style information to a web document using the <style> tag

Differences between margin, padding, and the border attribute

How to adjust the width and height of images using the width and height properties.

How to adjust image sizes and create rounded corners

How to display notes and descriptions on web pages

Advanced techniques for CSS Grid and how to combine Grid and Flexbox

Learn various applications and practical examples of Media Query

Advanced techniques and problem-solving strategies related to CSS positioning

Understand the basic structure and effects of CSS animations and create a simple animation in this chapter.

Create hyperlinks to navigate to different sections and pages.

The aspect-ratio property in CSS and the img tag

How to automatically calculate margins using the auto property

How to style the background of a web page in various ways using CSS

Introduction to the Basic Structure of CSS - Selectors, Properties, Values

Introduction to basic structure of CSS - selectors, properties, values

Styling borders of elements in CSS

The CSS structural model that considers each element on a web page as a box

Styling carousel buttons

Carousel button styling

Learn how to style a carousel using CSS. This guide covers the key styling points and their respective CSS properties in detail.

How to change text color using the color property

How to apply consistent styles to multiple HTML elements

Combining CSS selectors to create more complex selectors

Learn how to define common styles for buttons.

Various CSS properties used to style elements on a web page

Configure menu items and set the style for the menu container.

Practice HTML and CSS by creating a logo.

Learn HTML and CSS by creating your own personal gallery.

Learn how to create buttons and understand their role and composition on a web page.

Learn how to create an essential contact form for a business page. Design and implement a basic contact form for communication with users using HTML and CSS.

Create a gallery using CSS Grid.

Learn about the ol and ul tags by creating a menu for a webpage.

Creating hyperlinks to navigate to other pages and sections

How to effectively create complex web page layouts using CSS Grid

Using the CSS animation property to add animation effects to elements on a webpage

Reviewing what we've learned

Why you should use CSS Variables

An overview of the basic concepts of dark mode and light mode, reasons for using them, and how to implement them on a webpage.

Learn how to define margins and paddings in a web page using CSS

Effective web page layout design techniques using the box model

How to use the z-index property to control the stacking order of elements

Using the display property to determine the box type of an element and define how that element will be displayed on the screen

Differences and uses of relative size units em and rem

Practice embedding a YouTube video in the gallery and changing the layout of grid items.

Learn how to embed another webpage within your webpage.

How to implement a simple layout using Flexbox

Alignment and spacing using Flexbox layout

Introduction to the concepts and key properties of Flexbox

How to adjust font size using various CSS units

CSS properties for adjusting the font weight and font style.

How to style text using fonts + Introduction to default web browser fonts (serif, sans-serif, monospace)

Styling the footer using CSS

Styling the footer using CSS

Introducing CSS, the stylist of web pages.

Introducing CSS, the clothing of a web page.

Efficient web layout design using CSS Grid

Introducing the 3 ways to apply CSS in an HTML document

Overview and example code for styling buttons and adding icons in menus

With the HTML video tag, you can display videos on a webpage.

How to import fonts into a web page using Google Fonts

Introducing the core concepts of Grid layout in a bit more detail.

How to control the outer space of an element in CSS using margin

Optimize web design for various screen sizes using Media Query

Adjusting element transparency on web pages using the opacity property

The CSS property overflow specifies how to handle content that overflows an element's boundaries.

The padding property in CSS for setting the inner spacing of elements

Introduction to the pixel (px), an absolute length unit

How to position elements on a web page using the position property

Learn how to define common styles for buttons.

How to add infinite CSS animations

Applying styles to elements based on specific states using CSS pseudo-classes

How to apply styles to elements based on specific states using CSS pseudo-classes

The necessity and usage of Reset CSS to minimize style differences across browsers

How to represent colors using the RGB color system in the web

How to express colors on the web using the RGB color system

Various ways to compose selectors

Applying styles to specific HTML elements using CSS selectors

Various ways to compose selectors

How to apply styles to specific HTML elements using CSS selectors

How to set margins and padding on all four sides

Learn how to set the width and height of the video tag.

Implementing animation effects in carousel slides by adjusting opacity

Learn how to structure and style a modal using CSS.

Understand the functionality and role of buttons through button styling.

position property

Styling text using font-weight, font-size, and line-height properties

Applying CSS styling to the carousel

Styling a Carousel with CSS

Learn how to style menus and menu items to enhance the user interface.

How to style the navigation bar and the use of the position property

CSS properties text-align and text-decoration to control text alignment and decoration

Explanation

Learning various effects of CSS animations and creating interactive animations

Introduction and usage of units vw and vh based on screen width and height

Introduction to 3 methods for applying CSS to an HTML document

Differences between margin, padding, and border properties

Definition of a Footer, its components, and how to create one.

What is Grid Layout? CSS Grid is a method to arrange the elements of a webpage within a grid, similar to a chessboard.

Learn what navigation is and how to create a navigation bar using HTML and CSS.

How to define the width and height of HTML elements using CSS

Defining the width and height of HTML elements using CSS

How to consistently apply styles to multiple HTML elements