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

CSS Definition

Posted by admin at April 10, 2020

CSS, or Cascading Style Sheets, is a style sheet language used to describe the way an HTML or XML document should look to a user. CSS is where you specifiy the color, size, spacing, font and other visual aspects of the content that you create in your markup language document. Most often you will see CSS used […]

Continue

The history of CSS

Posted by admin at

Before CSS, the appearance of a Web page was dictated by HTML, which had very few visual styling tools, meaning most Web pages were looking simple. For example, here is what www.msn.com looked like in 1996: Link via Web archive: http://web.archive.org/web/19961022175327/http://msn.com/ For a fun time, warp check out an archived version of that link above for anyone “new to the […]

Continue

What is W3C?

Posted by admin at

As steward of global Web standards, W3C’s mission is to safeguard the openness, accessibility, and freedom of the World Wide Web from a technical perspective. W3C’s primary activity is to develop protocols and guidelines that ensure long-term growth for the Web. This includes the development and maintenance of CSS. The widely adopted Web standards define […]

Continue

The W3C cheatsheet

Posted by admin at

The W3C cheatsheet provides quick access to useful information from a variety of specifications published by W3C. It aims at giving in a very compact and mobile-friendly format a compilation of useful knowledge extracted from W3C specifications, completed by summaries of guidelines developed at W3C, in particular Web accessibility guidelines, the Mobile Web Best Practices, and a number […]

Continue

W3C validators

Posted by admin at

For over 15 years, the W3C has been developing and hosting free and open source tools used every day by millions of Web developers and Web designers. All the tools listed below are Web-based, and are available as downloadable sources or as free services on the W3C Developers tools site. W3C Validator The W3C validator checks the markup validity of various Web document formats, such as HTML. […]

Continue