140 docs tagged with "css"

The <style> tag used to add embedded style information to a web document

Differences between margin, padding, and the border attribute

Differences between margin, padding, and the border property

How to adjust an image's width and height using width and height attributes

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

How to resize images and make corners rounded

How to adjust image sizes and create rounded corners

How to display notes and explanations that are not shown on the web page

How to display notes and descriptions on web pages

Advanced techniques and troubleshooting strategies related to CSS positioning

Various methods to compose selectors

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

Styling the carousel with CSS

Creating hyperlinks to navigate to different pages and sections

Create hyperlinks to navigate to different sections and pages.

CSS aspect-ratio property and the img tag

How to automatically calculate margin using the auto property

How to automatically calculate margins using the auto property

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

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

Introduction to the basic structure of CSS - including selectors, properties, and values

How to style the border of an element in CSS

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

Learn various applications of Media Queries with practical examples.

Styling carousel buttons

Styling carousel buttons

Carousel button styling

Carousel button styling

How to change text color using the color property

How to change text color using the color property

How to consistently apply styles to various HTML elements

Learn how to combine CSS selectors to create more complex ones

Basics and usage of comments in CSS code

Learn how to define common styles for buttons.

Learn how to define common styles for buttons.

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 gallery.

Learn HTML and CSS by creating your own personal gallery.

Learn how to create a button and understand its role and composition on a webpage.

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

Use CSS Grid to create an innovative gallery.

Create a gallery using CSS Grid.

Practice HTML and CSS by making a logo.

Learn about `<ol>` and `<ul>` tags while creating a menu for a webpage.

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

Crafting hyperlinks to navigate to different pages and sections

Creating hyperlinks to navigate to other pages and sections

Effectively structuring complex web page layouts using CSS Grid

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

How to apply animation effects to elements on a webpage using the CSS animation property

Review What You've Learned

How to define margins and paddings that are not visible on a web page

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

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

Learn how to use the display property to determine an element's box type and how it will be displayed on the screen.

Differences and uses of relative size units em and rem

Practice embedding a YouTube video in a gallery and modifying grid items into various forms.

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

Learn how to embed another webpage into your own.

Learn how to embed another webpage within your webpage.

Understand the functionality and role of buttons through styling.

How to implement a simple layout using Flexbox

How to implement a simple layout using Flexbox

Alignment and spacing using Flexbox layout

Alignment and spacing using Flexbox layout

Introduction to the concept and key properties of Flexbox

How to adjust font size using various CSS units

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

CSS properties for adjusting font weight and style

Creating the footer style with CSS

Styling the footer using CSS

Styling the footer with CSS

Styling the footer using CSS

Various CSS properties for styling elements on a web page

An introduction to the clothing of the web, CSS.

Introducing CSS, the clothing of a web page.

Efficient web layout composition using CSS Grid

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

A guide on styling buttons and creating icons in navigation menus with example code

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

Use the HTML video tag to display videos on a webpage

Delve deeper into the core concepts of Grid layout.

Design methods to effectively structure web page layouts using the box model

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

How to load fonts into a web page using Google Fonts

How to control the outside margin of elements in CSS

Optimize web design for various screen sizes using Media Query

Adjusting the transparency of elements on a web page using the opacity property

Learn how to organize menu items and set styles for menu containers.

CSS property overflow specifies how to handle content that extends beyond an element's border

The padding property in CSS for setting the inner spacing of an element

Introduction to the absolute length unit Pixel(px)

Learn how to position elements on a web page using the CSS position property

Learn how to define common button styles.

Learn how to define common styles for buttons.

How to add infinite CSS animations

Using CSS pseudo-classes to apply styles based on specific states of an element

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

The necessity and use of Reset CSS to minimize style differences between browsers

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

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

How to apply styles to specific HTML elements using CSS selectors

Applying styles to specific HTML elements using CSS selectors

Various ways to compose selectors

How to set margins and padding on all four sides

How to set top, bottom, left, and right margins and padding

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

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

Implementing animation effects by adjusting opacity in a carousel slide

Implementing animation effects in carousel slides by adjusting opacity

Understand the functionality and role of buttons through button styling.

position property

position property

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

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

Applying CSS Styling to the Carousel

Applying CSS styling to the carousel

Styling a Carousel with CSS

Learn how to enhance the user interface by applying styles to menus and menu items.

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

How to style a navigation bar and understand the position property

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

CSS properties text-align and text-decoration for controlling text alignment and decoration

Explanation

Applying infinite CSS animation

Introduction to the units vw and vh based on the screen's width and height

Introduction to three methods of applying CSS in an HTML document

Introduction to 3 methods for applying CSS to an HTML document

Differences between margin, padding, and understanding the border property

Differences between margin, padding, and border properties

Definition, components, and creation of a footer

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

What is Grid Layout? CSS Grid is a method of placing items on a webpage within a grid layout, much like a chessboard.

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.

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