CSS part 2 Code Examples

Here are your classmates Websites - review and enjoy.


Special Thanks to Jill Moyer from 6968 for sharing their Website.

Comments about site
External .css file: tutoring.css My home page is linked to the external css file. Properties used in Font Properties: font-family, font-size, font-weight, font-style, font-variant Text Properties used: color, background-color, line-height, text-align, letter-spacing


Special Thanks to Evan Goldberg from 6968 for sharing their Website.

Comments about site
My .css file is "ashes.css". My Home, Pictures, Links, and Contact pages are all linked to that file. I used the following properties: background-color font-family font-size color text-decoration text-transform letter-spacing font-weight line-height word-spacing


Special Thanks to Helen Smith from 6968 for sharing their Website.

Comments about site
All the homework can be found in: http://student.santarosa.edu/~hsmith1/barbara.css Thank you. See you after the break.


Special Thanks to Richard Colorado from 6968 for sharing their Website.

Comments about site
Richard Colorado Sr
laguna.css

I used more than ten text and font properites throughout the nine navigation bar selectors.
Fonr family: Body
Font size in: % or px: body-h1-h2-h3-h4-p-ol-li.
Font style:h3
Font variant: H4 uppercase
Color:b3 - bg - h4
Background color: body and index
Line height: p - 0l - ul - li
Text decoration: none
Text transform: h4
Letter spacing: h1, h2 4px

I also took out flashy red on the soccer cleats. it does Validate.

I wish you and all the student a nice summer.

Rich


Special Thanks to Christopher McRee from 6968 for sharing their Website.

Comments about site
The name of the external .css file is parenting_and_education.css The following 10 font and text properties can be found on my site's home page (index.html): font-family, font-size, font-weight, font-style, font-variant, text color, text background-color, text line-height, text-align, text-decoration.


Special Thanks to David Murphy from 6968 for sharing their Website.

Comments about site
ride.css


Special Thanks to Anthony Lewis from 6968 for sharing their Website.

Comments about site
I have linked the external css file in every single html page. The external file name is studio.css I have the embed html for the embed you asked for but the styles are different on index-embed.html


Special Thanks to Laura Kennedy from 6968 for sharing their Website.

Comments about site
All the EMB files are on my IMG-PGS pages. Each one is a little different.so go check them out.


Special Thanks to Albert Robledo from 6968 for sharing their Website.

Comments about site
marijuana.css background-color line-height font-size font-family margin border-bottom text-decoration font-weight All of the pages are linked to marijuana.css


Special Thanks to James Helmer from 6968 for sharing their Website.

Comments about site
I am using two different .css files: the majority of the site is using "citroen2.css" so that most of the pages look correct. The page that uses all the font "tricks" is using "citroen3.css"; the page which illustrates assignment 7 is the cats.html page. I used all 14 font/color/text/etc possibilities.


Special Thanks to Craig Bulleri from 6968 for sharing their Website.

Comments about site
external .css file is construction.css all web pages are linked to the external css file. these are: company history, completed projects, contact, current projects, index, links, photos I used all 14 properties. most were on the index page, but the properties that are related to the h1, h2, h3, h4 are on all pages.


Special Thanks to Patrick Wynhoff from 6968 for sharing their Website.

Comments about site
.css file = Tipsey.css. all pages of site are linked to external css file. Best viewing on Homepage and Training and Resources page. Properties used: background-color, font-family, font-size, color, margin, margin-bottom, font-variant, border-bottom, word-spacing, line-height, font-style, text-transform, letter-spacing, text-align,


Special Thanks to Tristan Hodges from 6968 for sharing their Website.

Comments about site
/site.css , all of the properties listed to use.


Special Thanks to Maximillian Brand from 6968 for sharing their Website.

Comments about site
The codes are on max.css file. I used background color, font- family, size, color, leter-spacing, font weight, text-transform, text-decoration and text-align. I think having all of these different things are a bit much....but like you said in class...once you grade it, we can take off what we don't like.


Special Thanks to Anthony Molavi from 6968 for sharing their Website.

Comments about site
school.css all of the page's have the school.css


Special Thanks to Austin Thom from 6968 for sharing their Website.

Comments about site
Hooray! Fulfills requirements for lessons 6 & 7. External .css file is called athom.css, and all website pages are linked to it (except full-size image pages). Each type of text has a different size (30px-25-20-15), displays in either Helvetica or whatever sans-serif is available, and has the same coloration (and a:visited has a custom color, as the difference between visited and unvisited is hard to make out with the background color). The background has a color scheme. Headings are center-aligned, h1 has -2px letter spacing, h2 and h3 are italicized and have heavy weight, and P text has increased line height and shortened word spacing. That should be 10 or 11.


Special Thanks to Buffie Harris from 6968 for sharing their Website.

Comments about site
All web pages are linked to: http://student.santarosa.edu/~bharris/bobtails.css excluding: http://student.santarosa.edu/~bharris/index-embed.html


Special Thanks to Paul Wolterbeek from 6968 for sharing their Website.

Comments about site
css file: http://student.santarosa.edu/~pwolterb/paulshouse.css I used all the properties listed in the homework assignment scattered throughout the index page


Special Thanks to Steve Bown from 2949 for sharing their Website.

Comments about site
I used the following properties in my external style sheet ( style.css ) : (1) background-color and (2) font-family in body tag on all pages, (3) color and (4) font-size in h1 and h2 tags on all pages, (5) text-align and (6) letter-spacing in h1 tag on all pages, (7) font-style and (8) text-decoration in em tag on Home page, (9) line-height in li tag on Organizations and Social Networks pages, (10) text-indent in blockquote tag on Policy Statements page


Special Thanks to Michelle Graham from 2949 for sharing their Website.

Comments about site
The name of the external css file is crafty.css. All pages except for the home page are linked to the external css file. I used font-family, font-size, font-weight, font-style (though it can only be viewed on the "simple projects" page), font-variant, color, background-color, line-height, letter-spacing, and word-spacing.


Special Thanks to Christine Boyer from 2949 for sharing their Website.

Comments about site
1./The name of the external.css= christinemenagerie.css 2./All pages are linked to the external css file 3./ All properties= font-family, font-size, font weight, font-style, font-variant, color, background-color, line-height, text-align, text-decoration, text-ondent, text-transform, letter-spacing, word-spacing Thanks for all of your time and help - See you next class - Have a great Holiday Christine Boyer


Special Thanks to Tom Rivas from 2949 for sharing their Website.

Comments about site
wisdom.css is the name of the external .css file. All of my pages are linked to the external .css file. The properties that I used were font-family, font-size, font-weight, font-style, font-variant, color, background-color, line-height, text-align, text-edit, text-decoration, text- indent, text- transform, letter-spacing, and word-spacing


Special Thanks to Steven Flores from 2949 for sharing their Website.

Comments about site
external css: engineering.css All webpages are linked to the css file. Properties: font-family font-size font-weight font-style font-variant color background-color line-height text-transform letter-spacing word-spacing


Special Thanks to Adam Wights from 2949 for sharing their Website.

Comments about site
added more color and more css stuff


Special Thanks to Gary Heard from 2949 for sharing their Website.

Comments about site
Property Element(s) used in Code can be seen at:
font-family body and em index and FAQs
font-size body, h1, h2, em All
font-weight (h1, h2) All
font-style Blockquote FAQs
font-variant th Checklists, FAQs, Definitions, and Contact
Property Element(s) used in Code can be seen at:
color p, ol, and ul All
background-color body All
line-height p All
text-align th, .tablecenter Checklists and FAQs
text-decoration h5 Links
text-indent p All
text-transform h2 All
letter-spacing h5 Links
word-spacing h5 Links


Special Thanks to Ricardo Ramos-Hernandez from 2949 for sharing their Website.

Comments about site
the name of my css file is holloween.css. I used the following properties which are included in all my html files except for the embeded file: font-family (verdana,tahoma,arial, and sans-serif) font-size (is em .85) text-transform (set to uppercase on h1,and h2 and set to none on h3) margin (set to 12px on h1, h2, and h3) background-color (the color is FFCC99) font-weight (is normal on h3) font-style (is italic on h3) font-variant (set to normal on h3) line-height (is on p) text-align (is on p) text-decoration (is set to none on #nav a) letter-spacing (set to +5 on h1)


Special Thanks to Terry Boyer from 2949 for sharing their Website.

Comments about site
1./ The name of the external.css file= terry'sclubhouse.css 2./The webpage= index.html 3./All properties= font-family, font-size, font-weight, font-style, font-variant, color, background-color, line-height, text-align, test-decoration, text-transform, letter-spacing, word-spacing Sorry to miss your lectures laterly due to work - See you next class - Terry M. Boyer


Special Thanks to Frank Pina from 2949 for sharing their Website.

Comments about site
The name of my external .css file is: final.css. The web page that is linked is: residential.html. As for the properties I used, i am not sure. I need to go through the web page and find out.


Special Thanks to Michelle Finch from 2949 for sharing their Website.

Comments about site
My external css file is photography.css. All my pages are linked to it. I used the font-family, size, weight, style, and variant as well as color, background-color, line-height, text-align, and letter spacing. Fun stuff!


Special Thanks to Alyson Carlisle-Steinberg from 2949 for sharing their Website.

Comments about site
The CSS file is peanut-butter.css and I used backgroud-color, font-family, font-size, color, text-decoration, line-height, letter-spacing, text-trasformation, font-style, and word-spacing.


Special Thanks to Samuel Bertain from 2949 for sharing their Website.

Comments about site
name of external css file is longashart.css I used variations of the back-ground, font, link, and margin properties. pretty sure I used all ten I was suppose to.


Special Thanks to Sean Connors from 2949 for sharing their Website.

Comments about site
cahill.css is the external file's name, all pages on the site are linked except the image pages. I used all properties except: letter-spacing, word-spacing, line-height, text-indent.


Special Thanks to Jan Krunic from 2949 for sharing their Website.

Comments about site
external css file: artist.css index.html, animals.html, landscapes.html, miscellaneous.html, links.html, contact.html are all linked to the external css file. Most of the properties are used in the index.html page. properties used: font(style,variant,weight,size/line-height,family), color, background color, line-height, text-align, text-decoration, letter-spacing, word-spacing.


Special Thanks to John Corcoran from 2949 for sharing their Website.

Comments about site
the external file linked to index-embed is named embed-presentation in it I used the following properties: font-family font-size font-weight font-style color background-color text-align text-decoration letter-spacing word-spacing


Special Thanks to Ben Parisi from 2949 for sharing their Website.

Comments about site
My external css file is called "index.css" I used all the properties you listed for us and some that you did not. All of the changes to the site brought about by the assigned properties are visible on the index.html page.


Special Thanks to Marsha Taylor from 2949 for sharing their Website.

Comments about site
All font and test properties are located on the "drama" css page. These changese are reflectedin the indrx "home" page and all related linkes. Font: family, size, weight, variant, style Text: align, indent word-spacing letter-spacing line-height color


Special Thanks to Nick Wilson from 2949 for sharing their Website.

Comments about site
I placed all 10 required changes in/on indexembedded.html (home) and cars.css


Special Thanks to Mark Foote from 2949 for sharing their Website.

Comments about site

The external .css file is:   serigraphs.css

The webpages linked to the external css file are:

The properties are:

  1. font-family
  2. font-size
  3. font-style
  4. font-weight
  5. font-variant
  6. color
  7. background-color
  8. text-indent
  9. text-decoration
  10. text-align
    


Special Thanks to Deborah Morgan from 1374 for sharing their Website.

Comments about site
Used in the body tag on the css style sheet for all pages: 1. font-family 2. font-size 3. color 4. background-color 5. line-height 6. word-spacing 7. text-indent (used as padding 20 px on all sides to keep text away from the border) Used as cascading styles for specific elements: 8. font-weight (created class: bold and used on the Mediterranean page to create bold around "Spoken by Odysseus" and "Book XIX" 9. font-variant (used for h3 tags - small caps - appears on the Home page and the Nile River page) 10. text-align (created class: right and used on Mediterranean page to align right "Spoken by Odysseus..." and on the Nile page to align right all the return to top links.


Special Thanks to Christine Edmonds from 1374 for sharing their Website.

Comments about site
kitchen.css is used for all navigation pages except recipes. recipe.css is used for all pages within and including the recipes.html page. All properties except text-decoration and word-spacing were used on the pages utilizing kitchen.css. A various combination of properties was used in the recipe.css.


Special Thanks to Tracy Condeso from 1374 for sharing their Website.

Comments about site
The required font and text properties should all show on the index.html page.


Special Thanks to Patricia Fritz from 1374 for sharing their Website.

Comments about site
-.css file is artgene.css -all of the pages on my site are linked to the .css file -These are the properties I used: font-family font-size font-style font-variant color background-color line-height text-align text-decoration text-transform letter-spacing word-spacing


Special Thanks to Kelly Chidester from 1374 for sharing their Website.

Comments about site
The name of my external .css file is chidester.css. All pages are linked to the external css file. I used color, background-color, font-family, font-size, font-weight, font-style, text-decoration, text-align, text-transform, and letter-spacing. I'm ready to take my site to the next level!


Special Thanks to Heidi Heffelfinger from 1374 for sharing their Website.

Comments about site

external stylesheet:
font and text properties used
validation:


Special Thanks to Patty Smith from 1374 for sharing their Website.

Comments about site
External .css file = knit.css All pages except index.embed.html are linked to the external .css file. Properties used: font-family, font-size, font-weight, color, background-color, line-height, text-align, text-transform, letter-spacing and word-spacing.


Special Thanks to Alex Aspinall from 1374 for sharing their Website.

Comments about site
External css file is called "alex.css". All of the pages are linked to the external css file (home,performances,lessons, about,links,contact,gallery). All of the requirements are found on the home page, with the exception of indent which is on the lessons and about page. The navigation bar on all the pages includes letter and word spacing. Thanks so much. Looking forward to the next section of your class


Special Thanks to Sara Slager from 1374 for sharing their Website.

Comments about site
I added some styles to h4 which appear on the jewelry.html page.


Special Thanks to Jodie Silberman from 1374 for sharing their Website.

Comments about site
In my external CSS file called sweethome, the following properties have been used: font-family, font-size, font-style, font-variant, color, background color, line-height, text-align, text-decoration, text-transform, letter-spacing. All of these can be see on all of my web pages. Cheers - Thanks for a great class -see you next week at the next class online.


Special Thanks to Heather Barlin from 1374 for sharing their Website.

Comments about site
The external css file is called photo.css All the web pages on my site are linked to the file. The following 11 properties were used: font family font size font weight font style color background color line height text align text decoration text transform letter spacing


Special Thanks to Melissa Staggs from 1374 for sharing their Website.

Comments about site
font-variant font-size font-weight text-align text-decoration font-family letter-spacing background color font-style


Special Thanks to Paul Siebert from 1374 for sharing their Website.

Comments about site
Wow! Lots of changes to the site with just a few alterations in the css file. I'm not sure I like where I am with the current layout but this is for experimentation purposes only. (Don't try this at home, kids.) CSS file is computer.css and all the pages of the site are linked to it. Properties used include: font -family, -size, -style; color, background-color, margin, letter-spacing, word-spacing, text-transform, border, line-height, and text-indent,


Special Thanks to Rebecca Johnson from 1374 for sharing their Website.

Comments about site
the name of my external css file is random_art.css, all pages are linked to that. I included font-family, font-size, font-weight, font-style, color, background-color, line-height, text-align, text-decoration, text-indent, and letter-spacing.


Special Thanks to Patrick Breedlove from 1374 for sharing their Website.

Comments about site
The name of my css file is tree-service.css. I used these properties: font-family font-size font-weight font-style font-variant color background-color text-align text-decoration text-transform letter-spacing


Special Thanks to Claudia Handley from 1374 for sharing their Website.

Comments about site
My external file is jewelry.css and it is linked to all my pages. I used the following properties: font-family, font-size, font-weight,font-style, color, background-color, line-height, text-indent, text-transform, text-decoration, and letter-spacing.


Special Thanks to Tamara Wells from 1374 for sharing their Website.

Comments about site
My external .css file is named: smiles.css. All of my web pages are linked to the external css file. The properties I used are as follows: font-family, font-size, font-weight, font-style, color, background-color, line-height, text-decoration, text-transform, letter-spacing and word-spacing.... This project was very exciting ... keeps me smiling :-)


Special Thanks to James D from 1374 for sharing their Website.

Comments about site
James Dunn External css file is: jamesart.css. All html pages are linked to the external file. CSS font and text properties used: 1. font-family property declared as Futura, Myriad, Helvetica, sans-serif in body parent 2. font-size property declared with overall font in body declaration, then overridden in h1, h2, h3, h4, h6 declarations using percentages 3. font-weight property declaration in h2, seen on home page and art room pages headlines 4. color property declarations in body for overall text, then overridden in p declaration and in grouped declaration for h1, h2 and h3, used throughout site. Color property also redefined for three states of a tag in link, visited and hover modes 5. background-color property declarations in body, then overridden in h1 declaration, seen on contact and about pages of site 6. line-height property declared as 25px for h1, seen on about and contact pages, also for h2, seen on home and art room pages 7. text-align property declared for p.return class, seen on links page return to top links 8. text-decoration property used as underline and overline on h1 content, seen on contact and about page headlines 9. text-indent property declaration on h4 content, seen at top of quotes page in quote by Bansky 10. text-transform property declared for h2 content, seen on art room pages (6) in headlines as uppercase Other properties used include border-bottom, border length and left and right margin for body.


Special Thanks to Kevin Helm from 1374 for sharing their Website.

Comments about site
my external css file is wayward-son.css Instead of listing all of the properties I used, I will just copy my css code here. (I hope thats ok) body {background-color:#000000; font-size:.8em; color:#CC0000; font-family:Blackmoor LET, Engravers, Arial, sans-serif; margin: 0px 100px 0px 100px} h1 {border:4px solid #CC0000; text-align: center;} h2, h3, h4 {font-family: Arial, sans-serif; color:#339C00; letter-spacing: +2px; font-variant:small-caps;} h2 {font-size: 180%;} h3 {font-size: 150%;} h4 {font-size: 130%;} p {font-size: 110%; line-height: 150%; letter-spacing: +1px; font-family: Bank Gothic, Arial, Sans-serif;} a:link {color:#FFD700;} a:visited {color:#FFC758;} a:hover {color:#FFFFFF;} a:active {color:#CC0000;} ul, ol {font-family: Bank Gothic, Arial, Sans-serif; letter-spacing: 2px;} #nav a {text-decoration:none; margin:15px; color:#FFD700; font-size: 240%;} #nav a:link {background-color:#000000;} #nav a:visited {background-color:#000000;} #nav a:hover {background-color:#CC0000;}


Special Thanks to Daniel Butler from 1344 for sharing their Website.

Comments about site
The style sheet is called layout. The css code is on every page other than the index.


Special Thanks to Leah Breseee from 1344 for sharing their Website.

Comments about site
The external CSS file is store.css. All but the image-pages link to the CSS file. The properties used were: font-family font-size font-weight font-style font-variant color background-color text-align text-decoration letter-spacing


Special Thanks to Nicole Cancilla-Kopf from 1344 for sharing their Website.

Comments about site
The external file is scrapbook.css and all pages are linked to it. I used the following properties: Font-family font-size font-weight font-style font-variant color background-color line-height text-indent word-spacing


Special Thanks to Melinda Johnson from 1344 for sharing their Website.

Comments about site
All of the pages are linked to the getaways.css file. I used the font-family, size, weight and style properties as well as color, background-color, line-height, letter-spacing, text-transform and text-indent on my css page.


Special Thanks to Joseph Cefaratti from 1344 for sharing their Website.

Comments about site
All my web pages have the .css properties on them. I used all properties that were needed. Pretty hard and fun to learn. But got it done!


Special Thanks to Daniel Roche from 1344 for sharing their Website.

Comments about site
CSS Style Sheet: http://student.santarosa.edu/~droche/style.css Properties are linked to every page, "Guidelines" displays examples of all of said properties: font-family font-size text-align background-color font-weight text-transform letter-spacing color word-spacing text-decoration


Special Thanks to Josh McGill from 1344 for sharing their Website.

Comments about site
My external file name in index.css. The Webpages link to the file is Home, Action, Thrillers/Horror, and Comedy. For h1,h2 I used font family, color, font size, font weight, font style, font variant. For the body I used background color, font family, color, font size, font weight, font style, font variant, line height, text align, text decoration and letter spacing.


Special Thanks to Tania Hatcher from 1344 for sharing their Website.

Comments about site
My css file is called HatchersHome.css and is linked to all of my pages (Home, The Hatcher Family, Our Current Home, Our New Home, Moving In, Photo Album). The properties I used are as follows; font-family applied to body, font-size applied to body, font-weight applied to h3, font-style applied to h2, color appled to body and h1-h3, background-color applied to body, line-height applied to p, text-transform applied to h2, letter-spacing appled to h3, and text-decoration applied to h1-h3.


Special Thanks to Joanne Emery from 1344 for sharing their Website.

Comments about site
My css file is index.css. This is linked to all other pages. Properties used were: font-family - body font-size - body, headings, and navigation bar font-weight h3, normal and with span class for FUMC font-style - span class for FUMC font-variant - h3, small caps color - all the text background color - everywhere line height - paragraphs text-align - navigation bar text-decoration - h2 text-indent - paragraphs, 5% text-transform - h2, uppercase letter-spacing - h1, h2, 10px word-spacing - h3, +5px Thanks for all the help you provided along the way!


Special Thanks to Gabriele Gatdula from 1344 for sharing their Website.

Comments about site
All the properties that are on the assignment page are on my index page. If you could please take a look at the validation, I am getting an error for using this code[ target="_blank"] but don't know how to fix it.


Special Thanks to Brian Becker from 1344 for sharing their Website.

Comments about site
site_css.css is the name of the external site All pages are linked to the css file. I used : font-family font-size font-weight font-style font-variant color background-color line-height text-align text-decoration text-indent text-transform letter-spacing word-spacing


Special Thanks to Damian Baker from 1344 for sharing their Website.

Comments about site
The css file is screen.css and it is linked to the index.html, personalcollection.html, tutorial.html and links.html. 1.Properties I used were: 2.background-color in the body tag 3.font-family in the body, h1, h2, h3 tags 4.font-size in the body, h1, h2, h3, p, li tags 5.color in the body, h2, h3, a:link, a:visited, a:hover and a:active tags 6.line-height in the body tag 7.text-indent in the h1, h2, h3 tags 8.letter-spacing in the h1, h2, h3 tags 9.word-spacing in the h1, h2, h3 tags 10.font-variant:small-caps in the h1 tag 11.text-transform:lowercase in teh h2, h3 tags


Special Thanks to Randy Jaillet from 1344 for sharing their Website.

Comments about site
My external CSS file is named style1.css. All the pages are linked to this file. I used: font-family color text-decoration letter-spacing font-size background-color font-variant text-indent font-weight font-size


Special Thanks to Susan Horn from 1344 for sharing their Website.

Comments about site
styles.css is the main external file sheet. Style.css is linked to every page. I have another style sheet called imagestyles.css that I added to the image pages. I also added a little embedded style to the food gallery page to move the images a little closer to their title. Below is the style/the element its applied to. font-family/body font-size/body, h1, h2, h3, h4, h6 font-weight font-style/ h3 font-variant/ h1 color/#nav, #footer background-color/body line-height/body, h3,h4 text-align/body text-decoration/ h3 text-indent/ .indent class text-transform/ h1 letter-spacing/ h1


Special Thanks to Annette Arnold from 1344 for sharing their Website.

Comments about site
All pages are linked to fcc.css external file. The properties used are as follows:
font-family: body (all pages); h3 (index, about pages)
font-size: body (all pages); h1 (all pages); h2 (custom culinary, professional services, wine education, recipes); h3 (index, about pages); navigation (all pages)
font-weight: h3 (index, about pages); navigation (all pages)
font-style: h3 (index, about pages)
color: body (all pages); h1 (all pages); h2 (custom culinary, professional services, wine education, recipes); h3 (index, about pages); p (all pages), navigation (all pages)
background-color: body (all pages)
line-height: body (all pages); navigation (all pages)
text-align: body (all pages); h3 (index, about pages); navigation (all pages)
text-decoration: body (all pages); navigation (all pages)
text-transform: navigation (all pages)
letter-spacing: h2 (custom culinary, professional services, wine education, recipes).


Special Thanks to Stacey Schmidt from 1344 for sharing their Website.

Comments about site
All codes are listed on kooper.css. I used various font styles, colors, sizes and families, as well as text alignment and decoration and attempted to do a background image on the photos page.


Special Thanks to Alexys Pentecost from 1344 for sharing their Website.

Comments about site
STYLE.CSS used all required properties


Original Script by Philip Tardif for use by Linda Hemenway