CSS - What is CSS



What is CSS - Definition

  • CSS stands for Cascading Style Sheets. CSS defines how HTML elements are to be displayed on screen or in other media. CSS stores a considerable measure of work.
  • It can control the format of various website pages at the same time. External style sheets are stored in CSS files. CSS is utilized to control the style of a web report in a straightforward and simple way.
  • Cascading Style Sheets, affectionately referred to as CSS, is a basic configuration expected to improve the procedure of making pages respectable.
  • CSS handles the look and feel part of a site page.
CSS introduction

CSS Syntax - Definition and Usage

  • The CSS syntax consists of a selector (such as .class or #id or * ) and a declaration block.
    • The selector in CSS focuses on the HTML components which we need to style it in the website or webpage.
    • The Declaration block contains one or more statements separated by semicolon ( ; )
    • Every declaration incorporates a CSS property name and a value, isolated by a colon ( : )
    • A CSS declaration dependably closes with a [;] semicolon, and statement pieces are enclosed by [{}] Curly braces.
CSS Syntax

CSS - Selectors - Definition and Usage

  • In css selectors are forms used to select the element(s) that you want to style
  • Css selector have different types id selector ,element selector, class selector, group selector,attribute selector,etc...
CSS Selectors

CSS Element Selector - Definition and Usage

  • The element selector chooses one or more HTML elements of the same name.
  • Thus, a selector of nav chooses all HTML nav elements, and a selector of <ul> chooses all HTML unordered lists, or <ul> elements.
  • In this ,selector chooses all elements with the specified element name.
CSS Element Selector

ID Selector - Definition and Usage

  • In css id selector is used to style the element with specified id attribute.
  • To select elements with a specific class, write a period (#) character, followed by the name of the id.
CSS ID Selector

CSS class selector - Definition and Usage

  • In css class(.)selector chooses the elements with a identify class attribute.
  • To choose elements with a specific class, write a historical (.) character, followed by the name of the class.
  • You can also identify that only specific HTML elements should be disturbed by a class.
  • To do this, start with the element name, then write the historical(.) character, followed by the name of the class.
CSS Class Selector

Descendant Selectors - Definition and Usage

  • The descendant selector selects all elements that are descendants of a specified element.
  • Ancestor element - The 1st simple selector within this selector represents the ancestor.
  • A descendant selector in CSS is any selector with white space between two selectors without a combinator.
CSS Descendant Selector

Universal Selector - Definition and Usage

  • In css the Universal selector is used to select all the elements by applying many style.
  • Selector is convenient when you want to set a style for of all the elements of an HTML page.
  • Selector can also choose all elements inside another element.
  • Asterisk (*) selector is used to select the begin and end of the string.
CSS Universal Selector

CSS group selector - Definition and Usage

  • In css group selector is used to group together multiple selectors into one.
  • You have to group together by separating each element with comma.
CSS Group Selectors

View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS - What is CSS