diff --git a/kevin-klukowski.txt b/kevin-klukowski.txt new file mode 100644 index 000000000..ad6deba04 --- /dev/null +++ b/kevin-klukowski.txt @@ -0,0 +1,109 @@ +Finished codepen: https://codepen.io/kaiwen-96/pen/ExyXYLO + +1. What is Semantic HTML? +Semantic HTML gives meaning to the code + 2. What is HTML used for? + It puts all of the words and and some style on a webpage + 3. What is an attribute and where do we put it? + an attribute describes an html element. We put it in the element. + 4. What is the h1 tag used for? How many times should I use it on a page? + the h1 tag is used for the most important text on a webpage, like a title. + 5. Name two tags that have required attributes + + 6. What do we put in the head of our HTML document? + We link our CSS, JS files and all other information not being shown on the screen + 7. What is an id? + it describes an element more specifically so it can be called easily + 8. What elements can I add an id to? + You can add them to any element + 9. How many times can I use the same id on a page? + You can only use an id one time + 10. What is a class? + It describes an element or multiple + 11. What elements can I add a class to? + You can add them to any elemnt + 12. How many times can I use the same class on a page? + Classes can be used multiple times + 13. How do I get my link to open in a new tab? + add target="_blank" to the anchor tag. + 14. What is the alt attribute in the image tag used for? + It is used primarily for accessibility, screen readers. + 15. How do I reference an id? + add a #id_name in the CSS file + 16. What is the difference between a section and a div + A section is semantic HTML and gives more description. divs are non-semantic + 17. What is CSS used for? + It is used to style the page + 18. How to we select an element? Example - every h2 on the page + h2 { + + } + 19. What is the difference between a class and an id? - Give me an example of when I might use each one + A class can be used many times, for instance to style every single h2 element in two instead of all blocks of code, class could be used + Id would be to target one specific piece of code, like putting an id on an image. + 20. How do we select classes in CSS? + we use a . before the class name + 21. How do we select a p element with a single class of “human””? + p .human { + + } + 22. What is a parent child selector? When would this be useful? + each block of code has a parent, which is at the outer most line, and children that are indented. + This would be useful when reading the code and identifying elements that could be affected + by changes + 23. How do you select all links within a div with the class of sidebar? + div.sidebar a { + + } + 24. What is a pseudo selector? + pseudo selectors interact with a css style by changing it upon user interaction. + 25. What do we use the change the spacing between lines? + line-height + 26. What do we use to change the spacing between letters? + letter-spacing + 27. What do we use to to change everything to CAPITALS? lowercase? Capitalize? + text-transform: capitalize; uppercase; lowercase; + 28. How do I add a 1px border around my div that is dotted and black? + div { + border-style: dotted; + border-color: black; + border-width: 1px; + } + 29. How do I select everything on the page? + with the universal selector * + 30. How do I write a comment in CSS? + /* */ + 31. How do I find out what file I am in, when I am using the command line? + type pwd to print the working directory + 32. Using the command line - how do I see a list of files/folders in my current folder? + use ls to see them. + 33. How do I remove a file via the command line? Why do I have to be careful with this? + rm newfile.txt to delete a file, but it cannot be recovered + 34. Why should I use version control? + To prevent merge conflicts and to be able to backtrack + 35. How often should I commit to github? + Every time a big change is made, or if any change is made + 36. What is the command we would use to push our repo up to github? + git push -u origin firstname-lastname + 37. Walk me through Lambda's git flow. + First, we fork the repo. + Then, we want to clone the repo into our own local repository where we can edit the code. + Then, we creater a new branch for the work to be done on. + After, we add it to the staging area to be commited onto github. + Next, we push it to github. Then we submit our pull request. + +Stretch Questions + + 1. What is the difference between an inline element and a block element? + inline elements can be used within a block of text to edit one specific piece. Block level + elements have an effect on the entire element + 2. What happens when an element is positioned absolutely? + the element is positioned relative to its nearest ancestor. + 3. How do I make an element take up only the amount of space it needs but also have the ability to give it a width? + you can use position: static; to accomplish this + 4. Name 3 elements that are diplay block by default, 2 elements that are display inline by default and 1 element that is display inline-block by default +

-

,

, and

. 2 inline display elements are and . + 5. In your own words, explain the box model. What is the "fix" for the box model, in other words, how do we make all elements respect the width we've given them? + It is a box that wraps around every HTML element. It includes padding, a border, and a margin alla round the content. + In order for all elements to accept the given width, we need to also calculate the full size of the + element. That includes the padding, borders, and margin. \ No newline at end of file