User:Silverskunklds/Sandbox/homework20200611

22. Div Tag - Intro
Exercise Copy and paste our lorem ipsum paragraphs twice with the first one with a background color of "moccasin" and the second one with a color "crimson," both with a padding of 20 pixels, but using div tags instead of paragraph tags:

Answer Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

Explore - Shadows Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

23. Borders
Exercise 1. Using a div tag put a border around our lorem ipsum paragraph of a "groove" type that is 10 pixels thick with whatever color you like. 2. Using a div tag put a border around our lorem ipsum paragraph of a "ridge" type that is 15 pixels thick with whatever color you like. Answer

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Explore

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

24. Padding
Exercise 1. What is the coding to install our lorem ipsum paragraph in your sandbox with a background color of light green with white text and padding on the top and bottom of 20 pixels. 2. Load our lorem ipsum paragraph twice with no background color and no text color but with a padding-bottom of the first paragraph of 100px. What happens to the space between the paragraphs? Answer 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. 2a. padding-bottom 100 padding-top 100 color Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. 2b. padding-bottom 100 padding-top 100 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. 2c. padding-bottom 100 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.

25. Margins
Exercise 1. What is the coding to install a background color of light green with white text and a margin on the bottom of 40 pixels our to lorem ipsum paragraph in your sandbox. 2. What is the coding to install a background color of light blue with white text and a margin on the top of 20 pixels to our lorem Ipsum paragraph in your sandbox. Answer 1. margin-bottom 40 Pro cu singulis theophrastus, fugit impedit ex has. Noster definitiones mei ex, per wisi paulo bonorum et. Sit an ancillae pericula dignissim, amet sonet consul vis te. Cu mentitum persecuti constituam nam, zril latine petentium te cum, ex legere accumsan sententiae vix? Sea et quem ullum munere, et qui soluta sapientem qualisque! His persius quaestio philosophia ne, et mea iuvaret fabellas elaboraret! At sea integre tractatos assueverit. Id ius postea saperet, has esse probo senserit ne? Mea ne aperiri diceret principes. Ius sint facete signiferumque ex, pro alii nisl in! No sea graecis erroribus efficiantur, mea diam feugiat ea, fastidii verterem eu vel! Feugiat detracto democritum sit at, in abhorreant honestatis vim? An soluta vidisse deseruisse nam, mel ea nulla possim euismod. 2. margin-top 20 Pro cu singulis theophrastus, fugit impedit ex has. Noster definitiones mei ex, per wisi paulo bonorum et. Sit an ancillae pericula dignissim, amet sonet consul vis te. Cu mentitum persecuti constituam nam, zril latine petentium te cum, ex legere accumsan sententiae vix? Sea et quem ullum munere, et qui soluta sapientem qualisque! His persius quaestio philosophia ne, et mea iuvaret fabellas elaboraret! At sea integre tractatos assueverit. Id ius postea saperet, has esse probo senserit ne? Mea ne aperiri diceret principes. Ius sint facete signiferumque ex, pro alii nisl in! No sea graecis erroribus efficiantur, mea diam feugiat ea, fastidii verterem eu vel! Feugiat detracto democritum sit at, in abhorreant honestatis vim? An soluta vidisse deseruisse nam, mel ea nulla possim euismod. Exploratory margin-bottom 20 and margin-top 20 Pro cu singulis theophrastus, fugit impedit ex has. Noster definitiones mei ex, per wisi paulo bonorum et. Sit an ancillae pericula dignissim, amet sonet consul vis te. Cu mentitum persecuti constituam nam, zril latine petentium te cum, ex legere accumsan sententiae vix? Sea et quem ullum munere, et qui soluta sapientem qualisque! His persius quaestio philosophia ne, et mea iuvaret fabellas elaboraret! At sea integre tractatos assueverit. Id ius postea saperet, has esse probo senserit ne? Mea ne aperiri diceret principes. Ius sint facete signiferumque ex, pro alii nisl in! No sea graecis erroribus efficiantur, mea diam feugiat ea, fastidii verterem eu vel! Feugiat detracto democritum sit at, in abhorreant honestatis vim? An soluta vidisse deseruisse nam, mel ea nulla possim euismod.