RA8 Grading Rubric - CIS

• File is saved as dfprint.css
After the initial style comments, an @page rule is inserted to set the size of 3
the printed page to 8.5 in by 11 in, portrait orientation, margin 0.5 in
At the bottom of the file, a style rule is inserted for the article element to 2
avoid page breaks within the element and add a page break after the element
A style rule is added for list items in the familyLinks nav list to avoid page 3
breaks within/after each item
For the last list item in the familyLinks nav list, a style rule is inserted to 2
avoid adding a page break
In dubcek.htm, a link to dfprint.css is added, using print as media device 3
• dfmobiletxt.css is opened
2
• your name/the date are entered as comments
• File is saved as dfmobile.css
• At the bottom of the file, an @media rule with a media query is 13
inserted to match a screen device in portrait orientation
• Within @media, a style rule is created for list items within the
familyLinks nav list to
a) Display list items as blocks
b) Set width to 40%
c) Set top/bottom margins to 5 px, left/right margins to 5%
d) Float list items on the left
• An @media rule is created for screen devices in landscape orientation 12
• Within @media, a style rule is created for list items belonging to the
parentList class to
a) Display items as blocks
b) Set width to 45%
c) Set top/bottom margins to 5 px, left/right margins to 2%
d) Float the items on the left
In the @media rule for landscape orientation, a style rule is added for list 10
items belonging to the childList class to
a) Display items as blocks
b) Set width to 16%
c) Set top/bottom margins to 5 px, left/right margins to 0.2%
d) Float the items on the left
In dubcek.htm, in the head section of the file, a meta element is inserted to 3
set the viewport of the file to match the device width
A link is added to dfmobile.css, loading the style sheet only for screen 3
elements that are less than or equal to 500 px in width
TOTAL POSSIBLE POINTS: 100 0
YOUR SCORE: ______