CSS

Question 1

Abreaviation of CSS ?

Answer 1

Cascading Style Sheets

Question 2

How to define css inside an html document ?

Answer 2

style element is used

<style>
         body {
                   background-color : green ;
}
</style>

Question 3

How to import css file in HTML Document ?

Answer 3

We have to use link element to link external file to HTML document.

< link href=”stylesheet” rel=”stylesheet” />

Question 4

What is the general structure of css block in HTML Document ?

Answer 4

We have to use style element ?

<style>        
HTML Element Selecter {
                                css Property Name : value ;
}
</style>

Question 5

What is the relation between parent element with Heading element regarding font size ?

Answer 5

Font size of heading element is pre defined, inheritance is not work in heading element.

Question 6

How to select text color of a class ?

Answer 6

Basic Structure is :-
.className {
css-property-name : value
}

.first {
color:red;
}

Question 7

How to select by id ?

Answer 7

Basic Structure is :-

#id-name {
    css-property-name :value;
}
#your-name {
    background-color: red;
}

Question 8

What is Short Hand property in CSS ?

Answer 8

Short Hand property of CSS means defining multiple values with one property .
Example-:

border : 5px solid #444
/*Here we have three values,border thickness, border style, & border color */
Border propertyt is not inherited.

Question 9

How to reset all property of all elements in HTML Document?

Answer 9

We have to use Star selector of CSS.

• {
  margin:0;
  padding:0;
  box-sizing: border-box;
  }

Question 10

How to reset all CSS porperties of HTML Document ?

Answer 10

We have to use star selecter in CSS.

• {
  margin:0;
  padding:0;
  box-sizing: border-box;
  }

Question 11

What is Box Model ?

Answer 11

According to the box model,each and every element on a webpage can be seen as a rectangular box and each box, can have a width,a height, padding, margins and a border.

Question 12

What is Content in Box ?

Answer 12

Contents are images ,text & any other information we want to publish .

Question 13

What is Padding in Box ?

Answer 13

Padding is the transparent area around the content inside the box.
Padding means white-spaces, or spaces between contents inside the box

Question 14

What is Margin int the Box ?

Answer 14

Margin means spaces between boxes , they are white-spaces which are outside of the Box , in HTML Document.

Question 15

What is Border in Box Model

Answer 15

Border is the outside line of the box which goes around the padding and the content.

Question 16

What is the Difference Between inline Elements & Block Elements ?

Answer 16

Block Elements create their own Line, but inline elements occupies the space as text they have

Question 17

Basic rule to add CSS to HTML ?

Answer 17

HTML Documents made up of Elements,thus CSS is applied to elements.

We have two methods to apply CSS :-

1. Inside the HTML Document
2. By importing CSS file in HTML doc.

Basic rule is select a element,class or id & apply CCS property to it.

Question 18

How to add CSS to multiple elements together ?

Answer 18

The method is , Specify multiple elements using list separator under curly braces give CSS property & its value.Now property is applied to both elements simultaneously

Question 19

How to apply CSS to an image ?

Answer 19

The best practice to style an image is , first add an identifier to image , beacuse we have multiple images in an HTML Document, by using identifier we can style multiple images indvidually.

Question 20

How to fix aspect ratio of an image ?

Answer 20

We have to use aspect ratio property of CSS.

aspect-ratio: auto