mode 2 HTML/CSS/BOOTSTRAP

Question 1

What is CSS

Answer 1

CSS stands for Cascading Style Sheets -

it is a language for styling HTML documents by specifying certain rules for layout and display in key/value pairs.

Question 2

What is a style sheet?

Answer 2

Style Sheets are a simple and powerful method of allowing attachment of rendering information to HTML documents

Question 3

What is the CSS Box Model

Answer 3

The CSS box model used to determine how our web page is rendered by browser.

Every box has 4 parts - margin, border, padding and content.

Question 4

Types of CSS

Answer 4

There are three types of CSS which are given below:

Inline CSS: Inline CSS contains the CSS property in the body section attached with element. It is specified within an HTML tag using style attribute.

Internal or Embedded CSS: can be used when a single HTML document must be styled uniquely. It should be within the HTML file in the head section.

External CSS: External CSS contains separate CSS file which contains only style property with the help of tag attributes. CSS property written to .css should be linked to the HTML document using link tag.

Question 5

Types of CSS Properties

Answer 5

Border, Padding, Margin, display, position, color,and text-align.

Question 6

What is the Element Selector, Class Selector, ID Selector

Answer 6

Element Selector
The element selector selects HTML elements by their name / tag name like a, h1, div, p etc.

Class Selector
The class selector is a name preceded by a period (“.”). It uses the class attribute of an HTML element to match the specific HTML element.

ID Selector
In the CSS, the ID selector is a name preceded by a hash character (“#”). The id of an element should be unique within a page, so the id selector is used to select one unique element.

Question 7

What are CSS Selectors

Answer 7

CSS Selectors
CSS selectors are used for selecting the content/text you want to style in our site.

Element Selector, Id Selector, Class Selector, Universal Selector, Attribute selectors, Grouping Selector, Child and descendent selectors, General and adjacent sibling selectors, Pseudo-element and pseudo-class selectors

Question 8

What is Responsive Web Design Overview

Answer 8

It is the approach that allows websites and pages to render (or display) on all devices and screen sizes by automatically adapting to the screen, whether it’s a desktop, laptop, tablet, or smartphone.

Question 9

What is Bootstrap?

Answer 9

Bootstrap is an open-source framework and mobile-first approach for developing responsive websites.

It is a front-end framework programmed to support both HTML5 and CSS3

Question 10

What Bootstrap grid systems

Answer 10

Bootstrap grid system consists of series of containers, rows, and columns to layout and align content. It creates a responsive layout and built with grid and flexboxes.

Question 11

What are Combinators?

Answer 11

They are COMPLEX SELECTORS

Question 12

Types of Combinators

Answer 12

/*
    this specific example selects everything
    you can use this to create initial conditions for every element
*/
* {

}

/* this specific example select any h4 element that is a descendent of a div tag
could be a child, grandchild, greatgrandchild, etc */
div h4{
text-align: center;
color: magenta;
}

/* this specific example selects any h4 element that is a child of a div tag (immediate child)*/
div>h4{
    color: orange;
}

/* this specific example select ANY child of a div tag */
div>*{

}

/* select any h3 tag that has "combstuff" as one of its classes */
h3.combstuff{
    text-align: center;
}