Posted by admin at April 18, 2020
Classes and IDs are “attribute selectors”. This means that you can attach style to HTML elements based on that element’s attributes. This empowers you to apply different style to items of the same HTML type. Classes Classes are an HTML attribute that specifies a name for a group of elements on the page. You can […]
ContinuePosted by admin at
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. Ultimately you will want to use percentages and ems so your […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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 […]
ContinuePosted 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