Cascading Style Sheets
CSS is a language used to define the look and
Cascading Style Sheets
CSS is a language used to define the look and structure of HTML pages. In this Application, you will add CSS to your website. You will create a CSS file that specifies various parameters about the look of your website and then update two individual web pages to reference that CSS file. Remember, if a change is made to the CSS file, it will affect the look of every page on your website that references that CSS file.
Perform the following steps:
Create two HTML pages that will be added to your website. Name them unit3a.html and unit3b.html.
Create a CSS file by using a text editor. You may use Notepad, if you are using a Windows computer, or TextEdit, if you are using a Mac system.
On a Windows computer, select "Save as type: All Files" when saving your Notepad files, and save the files with the ".css" extension.
On a MAC system, save the TextEdit document with the ".css" extension.
The CSS file should contain at least two styles and two classes. Try to make these styles and classes easily visible and distinguishable from plain text and from each other.
Update unit3a.html and unit3b.html to reference the CSS file and use all the styles and classes defined therein.
Provide a link from your homepage, index.html, to both the newly created HTML files, unit3a.html and unit3b.html.
Finally, publish your work by uploading the new and modified files to your web host.
structure of HTML pages. In this Application, you will add CSS to your website. You will create a CSS file that specifies various parameters about the look of your website and then update two individual web pages to reference that CSS file. Remember, if a change is made to the CSS file, it will affect the look of every page on your website that references that CSS file.
Perform the following steps:
Create two HTML pages that will be added to your website. Name them unit3a.html and unit3b.html.
Create a CSS file by using a text editor. You may use Notepad, if you are using a Windows computer, or TextEdit, if you are using a Mac system.
On a Windows computer, select "Save as type: All Files" when saving your Notepad files, and save the files with the ".css" extension.
On a MAC system, save the TextEdit document with the ".css" extension.
The CSS file should contain at least two styles and two classes. Try to make these styles and classes easily visible and distinguishable from plain text and from each other.
Update unit3a.html and unit3b.html to reference the CSS file and use all the styles and classes defined therein.
Provide a link from your homepage, index.html, to both the newly created HTML files, unit3a.html and unit3b.html.
Finally, publish your work by uploading the new and modified files to your web host.