

Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Solved exercises related to html tutorial 3, focusing on css layout and positioning techniques. It covers concepts like reset stylesheets, fixed and fluid layouts, responsive design, floating elements, fluid grids, frameworks, drop caps, fr units, content and border box models, container collapse, fixed grids, grid cells, static, relative, and absolute positioning, and the clip property. The exercises offer practical examples and explanations to enhance understanding of these css concepts.
Typology: Exams
1 / 2
This page cannot be seen from the preview
Don't miss anything!


Reset Style Sheet - ANSWERsupersedes the browser's default styles and provides a consistent starting point for page design. Fixed Layout - ANSWERa layout in which the size of the page and the size of the page elements are fixed, usually using pixels as the unit of measure. Fluid Layout - ANSWERsets the width of page elements as a percent of the available screen width Elastic Layout - ANSWERA layout design in which all measurements are expressed in em units and based on the default font size used in the page. Responsive Design - ANSWERHow the web is moving toward. The layout of design of the page changes in response to the device that is rendering it. Floating an Element - ANSWERtakes it out of position and places it along the left or right edge of its parent element. Fluid Grid - ANSWERColumn widths are expressed in percentages rather than pixels. This layout is often used to provide more support across different devices. Framework - ANSWERa software package that provides a library of tools to design your website. Drop Cap - ANSWERconsists of an enlarged initial letter in a body of text that drops down into the text body. fr unit - ANSWERrepresents the fraction of available space left on the grid after all other rows or columns have attained their maximum allowable size. Content Box Model - ANSWERBy default, browsers measure widths using the context box model in which the width properly only refers to the width of the element content and any padding or borders constitute added space Border Box Model - ANSWERCSS also supports the Border Box Model, in which the width property is based on the sum of the content, padding, and border spaces and any space taken up by the padding and border is subtracted from space given to the content. Container Collapse - ANSWERAs far as the browser is concerned , the container is empty and thus has no height and no background to color. Fixed grid - ANSWERthe widths of the columns and margins are specified in pixels, where every column has a fixed position
Grid Cell - ANSWERa square unit, representing some real-world size, which contains a single value. Static Positioning - ANSWERThe element is placed where it would have fallen naturally within the flow of the document. Relative Positioning - ANSWERused to nudge an element out of its normal position in the document flow Absolute Positioning - ANSWERplaces an element at specific coordinates within a container where the top property indicates the position of the element's top edge, the right property sets the position of the right edge, the bottom property sets the bottom edge position, and the left property sets the position of the left edge. Clip - ANSWERdefines a rectangular region through which an element's content can be viewed.