Category: 01. Tutorials
-
Links
Links serve to connect and navigate between one webpage and another, with CSS properties offering options to style these links in a variety of ways. Link States The idea of link states involves understanding the different states in which links might exist. Various pseudo-classes can be used to style these states. Default Styles of Links…
-
Images
Images are powerful tools that can enhance the design, communication, and user experience of a webpage. Though it is not recommended to include a lot of images, careful selection and placement of images can greatly contribute to the success of a website. There are several CSS properties that can be used to style an image.…
-
Text
A text refers to a piece of written or printed information in the form of words or characters that can be read and understood. Texts can include content such as books, articles, emails, messages, web pages, etc. Styling a text involves modifying its appearance to make it more visually appealing or to convey a particular message. This…
-
Fonts Property
A font is a set of text characters with a consistent design and style. It includes the shape, size, weight, and other attributes of the characters in a typeface. This chapter demonstrates how to set fonts of a content, available in an HTML element. You can set following font properties of an element − CSS…
-
Background Property
The background property of CSS is used to set the background of an element. It can be used to apply a single background image or multiple background images, as well as defining the background color, size, position, repeat behavior, and other related properties. It is a versatile tool for styling the appearance of elements and adding visual…
-
Colors
CSS uses color values to specify a color. Typically, these are used to set a color either for the foreground of an element (i.e. its text) or else for the background of the element. They can also be used to affect the color of borders and other decorative effects. You can specify your color values…
-
Measurement Units
Values and units, in CSS, are significant as they determine the size, proportions, and positioning of elements on a web page. Units, define the measurement system used to specify the values. CSS offers a number of different units for expressing length and measurement. CSS unit is used to specify the property size for a page element…
-
Inclusion
There are four ways to associate styles with your HTML document. Most commonly used methods are inline CSS and External CSS. Embedded CSS – The <style> Element You can put your CSS rules into an HTML document using the <style> element. This tag is placed inside the <head>…</head> tags. Rules defined using this syntax will…
-
Selectors
CSS selectors are patterns used to select and style HTML elements on a web page. They allow you to target specific elements or groups of elements to apply styles like colors, fonts, margins, and more. CSS selectors are a fundamental part of Cascading Style Sheets (CSS), which is a language used to control the presentation…
-
Syntax
A CSS comprises of style rules that are interpreted by the browser and then applied to the corresponding elements in your document. A style rule is made of three parts − You can put CSS Style Rule Syntax as follows − Example − You can define a table border as follows − Here table is a…