Buttons

Posted by admin at April 16, 2020

Buttons are a key way that your users will interact with your page. Often buttons are a call to action for your user- so you will want them to stand out! When styling a button you aren’t just styling the text, but also the area around it, including the border. By giving them a distinct […]

Continue

CSS Titles

Posted by admin at

There are a couple different categories of text on a Web page: titles, body text, links, captions, etc. You’ll want to style each of these differently to help your user understand the proper context for your text. One of the most important categories of text to stand out are your titles.  There are different aspects […]

Continue

Css spacing

Posted by admin at April 13, 2020

CSS provides a great set of tools to help you position the HTML elements on your page, There are two different ways you can define white space: in absolute terms: using an exact number of pixels,and in relative terms: using percentages or ems.However, ultimately you will want to use percentages and ems so your content […]

Continue

Css font

Posted by admin at

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