Talk:CSS/Exam Questions

From Wikiversity
Latest comment: 1 year ago by TechActus in topic My answers to the exam
Jump to navigation Jump to search

My answers to the exam[edit source]

(I did not cheat. Really. :D)

Beginner:

1.1. p { #333333; }

1.2. body { font-family: arial, sans-serif; }

1.3. h2 { font-size: 2em; }

2. p:first-child { color:blue; }


Intermediate:

  1. Asterisk character (*). One needs to be careful since it can break the page's appearance. Using it on graphical things like display:(…) can crash the tab.
  2. display:block extends over the entire available horizontal space; display:inline-block only as far as necessary. display:inline means it can be broken into multiple lines. Display:grid and display:flex were more recently introduced and enable some associated CSS properties introduced with them respectively. Display:none hides the element. It differs from visibility:hidden by also releasing the screen space. There are more properties such as ruby and table-cell; I am not sure what they do.
  3. Advantages of a fixed layout: more consistent appearance and less effort for responsive design. Fluid layout: more content on screen due to better use of screen space. Can be useful for wide tables.


Advanced:

  1. I don't know, to be honest. Perhaps position:fixed?
  2. I think it introduced @media queries.

TechActus (discusscontribs) 11:56, 29 June 2022 (UTC)Reply