Question

You have been introduced to using CSS to configure web pages. Use a search engine to find CSS tutorials. Choose 3 tutorials that are easy to read. It can be a video (short). In each of those: select a section that discusses a new CSS technique.

You must also search the web for more information on this topic. Include the links to the sites you have used.

• For each of these tutorials do the following:
  • Discuss the uses of this new techniques
  • Provide the URL of your tutorial
  • name of the website
  • a description of the new technique you discovered

Answer 1

1. CSS BOX SIZING

USES:

• content-box gives you the default CSS box-sizing behavior. ...
• border-box tells the browser to account for any border and padding in the values you specify for an element's width and height.

Name of website: www.w3schools.com

URL: https://www.w3schools.com/css/css3_box-sizing.asp

Description:

The CSS box-sizing property allows us to include the padding and border in an element's total width and height.

2. 2D TRANSFORMS

USES:

It has some properties like translate and rotate etc.

Translate used to change position of an element on x-axis and y-axis.

Rotate is used to rotate an element by some degree.

Name of website: www.tutorialspoint.com

URL: https://www.tutorialspoint.com/css/css3_2d_transform.htm

Description:

2D transforms are used to re-change the element structure as translate, rotate, scale, and skew.

3. CSS TRANSITION

Uses:

It gives some animation to an element on some action.

Name of Website: www.javatpoint.com

URL: https://www.javatpoint.com/css-transition

Description:

The CSS transitions are effects that are added to change the element gradually from one style to another, without using flash or JavaScript.