Css font

Posted by admin at April 13, 2020

Font properties Font is an extremely important part of how you communicate content to your user. As you are likely aware there are many different aspects to font, and with CSS you can explicitly style each aspect. Here is a quick reference for what the fonts look like with different properties.font-family This property sets the […]

Continue

Css colors

Posted by admin at

Skip to main content Color properties Color is one of the first things you’ll want to explore when designing your Web site. Thankfully, CSS provides a wide array of tools for you to control the color of different HTML elements. There are basic color properties: color This property sets the foreground color of an element’s text […]

Continue

CSS Combining multiple selectors

Posted by admin at

You can imagine that multiple HTML elements on your page will have similar style. If you write a separate CSS rule with the same properties for each of these elements, your CSS file can get very large and hard to manage. When designing CSS, the authors wanted to help make it as easy as possible to write […]

Continue

CSS Inheriting style

Posted by admin at

Part of the reason a well structured HTML document is so important is because HTML elements inherit stylistic properties. You can see it’s basic structure from the way I have formatted the tags with tabbing, but here is a more visual representation of the hierarchy of tags. Tags that contain other tags are parents, and […]

Continue

What is a selector?

Posted by admin at

When your HTML is simple, the selectors can be simple as well. The most basic selectors simply mirror the HTML tag. For example “p” attaches to all <p> tags, “img” will attach to all <img> tags and so on. As you can imagine, there will often be times when you don’t want every single HTML […]

Continue

Constructing CSS rules

Posted by admin at April 12, 2020

Here is an example CSS “rule”: This rule tells the browser to make all text within a paragraph tag blue. A CSS rule is broken into two parts: the selector and the property Selector This is the portion of the rule before the first open curly brace ( “{” character). This is what tells the […]

Continue

Common HTML tags

Posted by admin at

There are many HTML tags to choose from depending on what elements you want to structure on your page. You can always look up HTML tags here. However, here is a short list of some of the most common HTML tags, ones you’ll see us use throughout this course. <html> The root element of a document is […]

Continue

What is HTML

Posted by admin at

HTML (Hyper Text Markup Language) documents are made up of content and tags. These tags describe the content so that the web browser understands the structure of the page. HTML tags typically come in pairs, an opening tag before and a closing tag after content like so: <tagname>     My content </tagname> When these three pieces are combined […]

Continue

CSS Comments

Posted by admin at April 11, 2020

As you write your CSS, you might end up with a pretty large document that can be hard to manage, or you might find yourself working on a team and having to read CSS someone else has written. In these cases, it helps to leave “notes” for the humans that read the file.  There is […]

Continue

View source and browser tools

Posted by admin at

You can actually right click on any site and choose to look at the code that creates it. This feature exists in both Chrome and Firefox. Here is what I see when I right click on a Web page in my browser. As you can see, in this right click menu, there are two options: […]

Continue