Question: You should develop a cascading style sheet (CSS) to be used in conjunction with future assignments. This CSS can be modified as needed for each

You should develop a cascading style sheet (CSS) to be used in conjunction with future assignments. This CSS can be modified as needed for each assignment and can change over time, but this original document should give you a solid starting place to base future sheets upon. Over the course of the semester, you should be refining this CSS so that it will define the presentation of your course project, the content management system you will be designing.

CSS Requirements

Please use the following guidelines as a framework for creating your CSS:

  • Your CSS should define the presentation information for all the major elements in an HTML5 document. You can use the basic CSS file that is created throughout the examples in chapter 3 of the Web Development and Design Foundations as a starting reference.
  • If you use the sample CSS developed in the chapter, you should make changes to it and customize it to meet your personal preferences. This process will require some trial and error, as you make changes in the CSS and then look at a document of sample content to see what it looks like on the screen. So, to do this, you will need to create a simple HTML5 document that will display samples of the core HTML5 elements.
  • Create a simple HTML5 page containing a title with your name, in the format "CSS Samples". It should use the element to point to your style sheet, and include sample content using multiple header elements (

    ,

    , etc.) paragraph tags, a table, an image, at least one link to another site, a short passage using each of the
    , , and tags, and a bulleted list. Any other tags you wish to experiment with should be included as well.

  • Once the sample document is complete, you can then use it to see how changes to the CSS will be displayed visually on the screen. Make changes to your CSS and review them in the sample document.
  • Add both HTML5 and CSS comments in your code as best practice.
  • Consider creating a responsive design by using the HTML Responsive Design Tutorial to assist you

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!