-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAdam-Osburn.txt
193 lines (107 loc) · 6.73 KB
/
Adam-Osburn.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
codepen link address: https://codepen.io/2cold2code/pen/XWJbQqV
/*codepen has been completed*/
1. What is Semantic HTML?
HTML tags that have meaning in their labeling.
2. What is HTML used for?
Creating web pages and storing the content of the web page.
3. What is an attribute and where do we put it?
An attribute is a property placed on a element (in opening tag) in HTML.
4. What is the h1 tag used for? How many times should I use it on a page?
To signify the most important header. It can be used as many times as one likes but, by practice, should only be used once per page.
5. Name two tags that have required attributes
<img> and <link href> (image and link)
6. What do we put in the head of our HTML document?
The title and meta data.
7. What is an id?
A special attribute used to identify an element.
8. What elements can I add an id to?
Any.
9. How many times can I use the same id on a page?
Once per page.
10. What is a class?
A special attribute used to identify an element.
11. What elements can I add a class to?
Any.
12. How many times can I use the same class on a page?
As many times as you like/need.
13. How do I get my link to open in a new tab?
Add attribute target="_blank" to the anchor tags.
14. What is the alt attribute used for?
To describe an image for accessibility purposes.
15. How do I reference an id?
With the pound symbol (#)
16. What is the difference between a section and a div
A section is a div that contains a grouping of divs and has an identifiable purpose, where a div is just a generic element; a section is semantic
while a div is non-semantic.
17. What is CSS used for?
Applying styles to HTML content and elements
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
They're the same in function, but a class can be reused by multiple elements and an id can only be used to define one element per page.
20. How do we select classes in CSS?
.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?
parent > child; used to select all elements that are children of the specified parent. The left is the parent and the right is the children element.
This would be specifically useful when you need to select the children of an element but not that element itself.
23. How do you select all links within a div with the class of sidebar?
div link.sidebar {}
24. What is a pseudo selector?
A selector that selects elements in a specific state. (e.g. :hover)
25. What do we use the change the spacing between lines?
line-height property
26. What do we use to change the spacing between letters?
letter-spacing property
27. What do we use to to change everything to CAPITALS? lowercase? Capitalize?
text-transform property. CAPITALS = {text-transform: upppercase;}, lowercase = {text-transform:lowercase;}
Capitalize = {text-transform: capitalize;}
28. How do I add a 1px border around my div that is dotted and black?
div {
border: 1px dotted black;
}
29. How do I select everything on the page?
* {}
30. How do I write a comment in CSS?
/* comment here */
31. How do I find out what file I am in, when I am using the command line?
echo $PATH
32. Using the command line - how do I see a list of files/folders in my current folder?
ls
33. How do I remove a file via the command line? Why do I have to be careful with this?
rm file-name.file_extension; There is no undo or backup; it is permanent and irreversible.
34. Why should I use version control?
So that you can always go to a previous version if needed and offer collaboration when needed.
35. How often should I commit to github?
At least twice for Lambda, but any time there are major changes to your code that may have a grand impact on its functionality, or periodically to
store progress, prevent repitition in the event of reverting to an earlier version, and prevent data loss in the event of hardware/software
malfunction that may corrupt the file or lose any progress.
36. What is the command we would use to push our repo up to github?
Initially, it's
git push -u origin 'branch-name' (for lambda the branch is firstName-lastName);
After initializing the push path
git push
37. Walk me through Lambda's git flow.
Fork repo to create own version.
Add TL as collaborator
Clone the repo
Create a branch (firstName-lastName) while cd'd in the directory you are wanting to branch
Submit pull request in personal branch, using own fork as the base branch
Add TL (collaborator) as a reviewer
TL will merge it into student fork when ready to mark as done
Stretch Questions
1. What is the difference between an inline element and a block element?
inline elements take up only the space that they require, occupy a single line, and do not return to a new line, where block elements take up the
entire width of their container, return to a new line (both before and after the element), and may occupy multiple lines. In addition, block
elements can have a height attribute as well as others that inline does not.
2. What happens when an element is positioned absolutely?
It gets positioned relative to the closest parent container.
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?
Use the padding attribute.
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
div, h1, p
5. In your own words, explain the box model. What is the fix for the box model?
The box model is where all elements are contained in boxes with the following format: margin (which separates an element from other elements),
border (a box within the margin box that can be colored, styled to be lined, dotted, or solid, and set to have different sizes), padding (which
separates the contents of the box object from the border), and the content itself.