Tony Wang
Developer
This is an example of postioning a image in relative class.
Tony Wang
Developer
This week I learned a lot about css in html design
But we started with formating phrase within the paragraph. This sentence is an example of formatting as powderblue color.
And then we start with creating some css stuffs.
First, we learned that for a class, the syntax is "." and the syntax is "#".
And then it's the introduction of the "div" tag, this tag divdes sections in html and can be styled with css by using the class or id attribute.
From here, we learned several postion values in css.
This is an example of a static class in css. Both width and length are 200px long, with a 4px wide white border. Padding for each side is 5px. And all four margins are 20px.
This is an example of a relative class in css. Both width and length are 400px long, with a 4px wide white border. Padding for each side is 5px. And all four margins are 20px.
This is an example of a absolute class in css. Both width and length are 200px long, with a 4px wide white border. Position from top of the relative class is 80px, from right of the relative class is 0px.
This is an example of postioning a image in relative class.
And then we learned what a sticky class is. On top of this html page, there is an example of a sticky class.
Overall, this week we learned a lot about position both text boxes, images by writting some css. I think they are really useful if we want to create our own page.