Scribd
Upload
96 views

104 Css - 022142 - 033955 PDF

CSS (Cascading Style Sheets) is a stylesheet language that describes how HTML elements are displayed on screen, paper, or other media. CSS saves time by allowing control over layout and formatting across multiple web pages from a single stylesheet. There are three main ways to apply CSS styles: inline with HTML elements, internally with <style> tags, or externally in .css files.

Uploaded by

Belcher Trongcoッ
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
96 views

104 Css - 022142 - 033955 PDF

CSS (Cascading Style Sheets) is a stylesheet language that describes how HTML elements are displayed on screen, paper, or other media. CSS saves time by allowing control over layout and formatting across multiple web pages from a single stylesheet. There are three main ways to apply CSS styles: inline with HTML elements, internally with <style> tags, or externally in .css files.

Uploaded by

Belcher Trongcoッ
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

What is CSS?

• CSS stands for Cascading Style Sheets


• CSS describes how HTML elements are to
be displayed on screen, paper, or in other
media
• CSS saves a lot of work. It can control the
layout of multiple web pages all at once
• External stylesheets are stored in CSS
files

What is Introduction to CSS?


• CSS stands for Cascading Style Sheets. CSS
describes how HTML elements are to be
displayed on screen, paper, or in other media.
CSS saves a lot of work. It can control the layout
of multiple web pages all at once. External
stylesheets are stored in CSS files.

What is CSS for beginners?


What is CSS? CSS stands for Cascading Style
Sheets. It is the language for describing the
presentation of Web pages, including colours, layout,
and fonts, thus making our web pages presentable
to the users. CSS is designed to make style sheets
for the web.

What is CSS explain?


Cascading Style Sheets (CSS) is a stylesheet
language used to describe the presentation of a
document written in HTML or XML (including XML
dialects such as SVG, MathML or XHTML). CSS
describes how elements should be rendered on
screen, on paper, in speech, or on other media.

What are the 3 types of CSS?


CSS can be added to HTML documents in 3 ways:
• Inline - by using the style attribute inside HTML
elements.
• Internal - by using a <style> element in the <head>
section.
• External - by using a <link> element to link to an
external CSS file.

Why is CSS very important?


CSS makes the front-end of a website shine and it
creates a great user experience. Without CSS,
websites would be less pleasing to the eye and likely
much harder to navigate. In addition to layout and
format, CSS is responsible for font color and more.

What are the main features of CSS?


CSS offers several features that make it simple and
effective to specify different text styles,
including color, alignment, spacing, decoration,
transformation, etc. Several frequently used text
properties include text-align, text-decoration, text-
transform, text-indent, line-height, letter-spacing, and
word-spacing.

What are the 3 basic parts of CSS?


Inheritance, the Cascade, and Specificity are the big
three. Understanding these concepts will allow you
to write very powerful stylesheets and also save
time by writing fewer CSS rules.

What is CSS and its types?


CSS (Cascading Style Sheet) describes the HTML
elements which are displayed on screen, paper, or
in other media. It saves a lot of time. It controls the
layout of multiple web pages at one time. It sets the
font-size, font-family, color, background color on the
page.

What is CSS and its advantages and disadvantages?


Advantages and disadvantages of CSS

CSS saves a lot of time. It helps to make consistent


and spontaneous changes. It improves the loading
speed of the page. CSS has the ability to re-position.
It has better device compatibility.

What is CSS class example?


What is a CSS class?
A CSS class is an attribute used to define a group of
HTML elements in order to apply unique styling and
formatting to those elements with CSS. Let's look at
an example of how CSS classes work.

How many CSS methods are there?


3 distinct methods
There are 3 distinct methods for styling in CSS,
Local style, Page-Level style, and External Styles.
Each level of styling is given a different hierarchical
priority (when to apply) and is used for different
reasons.

Local styles
Also known as inline. This form is defined within your
HTML tags/elements. It’s mostly used to style specific
elements in your code.
<html>
<head>
<title>Cascading Style
Sheets</title>
</head>
<body>
<p style = "font-family: sans-
serif;
font-size: 1.2em
font-style: italic;">
This paragraph is an example
of a local style.
</p>
<p>This is an Unaffected
paragraph</p>
</body>
</html>
This code snippet edits the font of the p tag within
the body. However, it only changes the contents of the
first p tag. The second p tag maintains the webpage’s
default style.
By using the style tag in the HTML element p, we’re
able to change the font, font-size, and style only for the
first p. As for the second p element it retains its default
style.
Page-Level styles
Page-level styles are defined at the header area of the
HTML file. All similar tags, whether elements members
of the class or ID selector within the body of the HTML
will undergo the changes at once. An ID selectors can
only identify one element each while Class selectors
can identify more than just one at a time.
<html>
<head>
<title>Cascading Style
Sheets</title>
<meta charset="utf-8">
<style type="text/css">
body{
color: yellow;
background-color: red;
}
p{
color: red;
background-color: yellow;
}
</style>
</head>
<body>
<h1>Heading</h1>
<p>This paragraph has been
styled using page level styling.</p>
</body>
</html>
This time around we defined the style within
the head HTML tags. By doing so the elements defined
in the style tags will automatically adopt the style
defined for them. This means that all p elements on the
page will have a color red and a background-color of
yellow.
The body on the other hand will have a yellow color
and a background-color of red. Developers can
implement this when trying to give the webpage a
different or vibrant theme where the background body
and paragraphs complement each other to give an
appealing look

External Styles
The styles used for the webpage are located in a
completely different file. This other file purely
contains CSS code and is saved with a .css extension.
The .HTML file is linked to the .css file that can be
imported to modify the webpage style.
When developing a website with multiple pages this
styling usually comes in handy. This is due to the fact
that just one CSS file can be implemented on multiple
pages making it easier to maintain uniformity.

What is use of CSS in HTML?


With CSS, you can control the color, font, the size of
text, the spacing between elements, how elements
are positioned and laid out, what background
images or background colors are to be used,
different displays for different devices and screen
sizes, and much more!

What is the main difference between HTML and


CSS?

HTML Vs. CSS. HTML is a markup language used to


create static web pages and web applications. CSS
is a style sheet language responsible for the
presentation of documents written in a markup
language.
What is the origin of CSS?
1994- HÃ¥kon Wium Lie proposed the idea of CSS.
1996- The first version of CSS was invented. 1998-
CSS 2 was released and work on CSS 3 began. CSS
3 was very different from the other versions, fot
instead of being a single monolithic specification, it
was published as a set of separate documents
known as modules.

Why CSS is better than HTML?


They both provide different functionalities. As HTML
is used to structure the content on websites. On the
other hand, CSS provides styling to those websites
by adding style properties like font size, font family,
margin, padding, border, so on and so forth.

You might also like