Talk:CSS/Exam Questions

My answers to the exam
(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 (discuss • contribs) 11:56, 29 June 2022 (UTC)