Week 3 – Basic HTML/CSS website – Anica Yao

Here’s my link: 
http://imanas.shanghai.nyu.edu/~yy2552/Project1/index.html

Process:
Basically, I made some adjustments to my portfolio page. The style of my webpage Id like to present here is a feeling of fresh air, with blue and light red as main colors. I wrote, welcome to my stylish webpage as my title and Anicas Debut the subtitle. 

Issues occurred:

  • Float doesnt work as expected. Sometimes it’s just a mess on my page. I may have to reset everything.
  • Clear is interesting but I’m not quite sure how to use it. So I decided to drop it at last.
  • Easy to mix up Span and h1 div when changing the background color of the words.
  • Easy to mix up flex properties like justify-content: center;  align-content: center;
  • The properties of the flex cannot be used without Display: flex;
  • Still, I have no idea how to add texts on the top of the picture, so later I decided to use the hyperlink to introduce myself
  • still, I’m used to using center and background-image  in HTML pages and not sure whether they work better in the style.css page.

New things Ive learned:
– many kinds of border-style: double and dotted
– the use of opacity of image (only) in the CSS page
#idname img{}, for example, is specially targeted at some image in that id.

Conclusion:

Since Im used to focusing on designing, I should pay more attention to the codes themselves, that is, how i can make them operate properly. I need to clearly figure out how they operate and what are the exact functions of them.

Leave a Reply