Embedded Files
The More You Know
The More You Know
Understanding how the Web works on the back end will help you better navigate through Google Site. Also, learning a few new tricks will help you work more efficiently.
Understanding Grid Layout
Understanding Grid Layout
Many web pages are based on a grid-view, which means that the page is divided into columns. Using a grid-view is very helpful when designing web pages. It makes it easier to place elements on the page.
A responsive grid-view often has 12 columns, and has a total width of 100%, and will shrink and expand as you resize the browser window. For best design practices always line up elements to the edge of a column.
Understanding the Box Model
Understanding the Box Model
All HTML elements can be considered as boxes. In CSS, the term "box model" is used when talking about design and layout.
The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model:
Content - The content of the box, where text and images appear
Padding - Clears an area around the content. The padding is transparent
Border - A border that goes around the padding and content
Margin - Clears an area outside the border. The margin is transparent
Tricks
Tricks
Enter vs. "Shift" Enter
Alt + 8
Google Drive App
Understanding Embed
Style Sheet
Layout Skeleton
Pick Up & Move
Duplicating Pages
Page updated
Report abuse