

































































Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
A comprehensive introduction to css (cascading style sheets), covering its purpose, benefits, and syntax. It explains how css solves the problem of repetitive styling in html, saves time by allowing centralized style definitions, and offers more detailed attributes for controlling the look and feel of a website. The document also covers css selectors, different ways to add css to html pages (inline, internal, and external), and various css styling properties such as font, lists, tables, background, border, padding, and margin. Additionally, it touches on css pseudo-classes, providing a foundational understanding of css for web development.
Typology: Summaries
1 / 73
This page cannot be seen from the preview
Don't miss anything!


































































What does CSS do
Why use CSS
Backward Skip 10sPlay VideoForward Skip 10s
Hello Javatpoint.com This paragraph will not be affected.
This paragraph is blue and center-aligned.
This paragraph is blue and center-aligned.
Hello CSS
Hello CSS
CSS Styling
o By a color name
o By hexadecimal value o By RGB
This is heading 1
This is a paragraph.
This heading is shown in sans-serif.
This paragraph is written in monospace.
Font Size Value Description xx-small used to display the extremely small text size. x-small used to display the extra small text size. small used to display small text size. medium used to display medium text size. large used to display large text size. x-large used to display extra large text size.
xx-large used to display extremely large text size. smaller used to display comparatively smaller text size. larger used to display comparatively larger text size. size in pixels or % used to set value in percentage or in pixels.
This font size is extremely small. This font size is extra small
This heading is shown in italic font.
This heading is shown in normal font.
THIS PARAGRAPH IS SHOWN IN SMALL FONT.
o Set the distance between the text and the marker in the list. o Specify an image for the marker instead of using the number or bullet point. o Control the marker appearance and shape. o Place the marker outside or inside the box that contains the list items. o Set the background colors to list items and lists.
o list-style-type: This property is responsible for controlling the appearance and shape of the marker. o list-style-image: It sets an image for the marker instead of the number or a bullet point. o list-style-position: It specifies the position of the marker. o list-style: It is the shorthand property of the above properties. o marker-offset: It is used to specify the distance between the text and the marker. It is unsupported in IE6 or Netscape 7.
Backward Skip 10sPlay VideoForward Skip 10s The list-style-type property
Example
Example