DEV Community: andrea-techprep

Today I learned

andrea-techprep — Wed, 26 Jul 2023 23:16:19 +0000

I am finishing up with my linktree project and starting RUBY.

I thought this was a great assignment to review everything we have learned about HTML and CSS.

Some key points when creating a link tree:

CSS portion is in the beginning in the

HMTL is second in the

Make sure to commit changes! I think I found a way to automatically commit them! :)

Rake grade will grade the simple specs

An html document will only have 1 head and 1 body

Head= links, titles, and rules
Body= what gets rendered in the browser

target=_blank is for links and when you want something to open in a new tab

W3C HTML Validator can be used to check any mistakes you may have

is used to formatting and making your page look good Can deploy in Github or fly.io Excited to continue with Ruby, hope everyone has a great day!

Today I learned!

andrea-techprep — Tue, 18 Jul 2023 14:01:01 +0000

Hello everyone!

Unfortunately, I'm retyping this because my draft did not save. But I am taking this as an opportunity to review again! :)

Anyways.... as I had previously written. I was getting confused with all of the new terms I was learning. So, I thought I would create a little cheat sheet that I can reference.

The extension for CSS files is .css. These can be linked to an HTML file using a tag in the
section.
CSS code can be written in an HTML file by enclosing the code in tags. TERMS</li> <li>CSS classes: can be reusable and applied to many elements. Class selectors = . followed by the class name.</li> <li>CSS ID selectors: unique and used to style only a single element. ID selectors = # followed by the id name.</li> <li>CSS type selectors: match all elements of a given type or tag name. Unlike for HTML syntax, we dont include the angle brackets when using type selectors for tag names. </li> <li>The CSS class selector matches elements based on the contents of their class attribute. a.</li> <li>Selector specificity: the selector with the highest specificity wins out. The most specific selector type is the ID selector, then class selectors, and then type selectors.</li> <li>CSS ID selector: matches elements based on the contents of their id attribute. The values of id attribute should be unique in the entire DOM. # </li> </ul> These are the ones I was confusing but typing them out and rereading definitely helped me review. Excited to continue learning!!!

TIL Blog

andrea-techprep — Mon, 17 Jul 2023 03:28:58 +0000

Today I learned...

With CSS

Universal selector selects all elements of any type.

The universal selector = *

In order to select an HTML element by its class using CSS, a period (.) is placed before the class name.

You can add multiple classes to an HTML element’s class by separating them with a space. This lets us do multiple CSS classes without having to write a custom class for every style combination.

If an HTML element needs to be styled individually, you can give it an ID using the id attribute.

An element’s id can only have a single value, and only be used once per page.

Lots of great information. Excited to see what I will learn tomorrow!

-Andrea R