Giter VIP home page Giter VIP logo

head-first-html's Introduction

Code for 2nd edition of Head First HTML and CSS
by Elisabeth Robson and Eric T. Freeman

Publish date: August 20, 2012

head-first-html's People

Contributors

bethrobson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

head-first-html's Issues

chapter8: @font-face rule issue

In chapter 8, page 325, the code doesn't seem to work.

@font-face {
  font-family: "Emblema One";
  src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff"),
       url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf");
}

but altering it to this, does.

@font-face {
	font-family: "Emblema One";
	src: url("EmblemaOne-Regular.woff") format("woff");
}

Two stylesheets added to the same page, how does it work?

Hello everyone!
In Chapter 14, we've got two stylesheets linked to the html code. But at the same time, these css codes have the rules that are meant to stylize elements that are not mentioned in the html. Could you explain me please, how it works? Does it mean that these ccs stylize the elements only included by the html code and the rest is ignored?

One more question: the html does not have "type="text/css"", but the style works perfectly. So we do not have to always use "type="text/css"" to sylize an html?

https://github.com/bethrobson/Head-First-HTML/blob/master/chapter14/starbuzz/styledform.html

Chapter 12: the selected area goes beyond the navigation bar

Hello everyone!
I finished Chapter 12 of HeadFirst HTML/CSS. Everything is clear except one minor thing.

The selected area goes beyond the navigation bar. How to make the selected area fit exactly the navigation bar? Please, could you help me?

Have a nice day! Many thanks in advance!

Here’s the screenshot:
Chapter 12

Here's the CSS code for the selected area:
nav ul li.selected {
background-color: #c8b99c;
}

Chapter13: Nth-child() does not work as I expected

Hello everyone!
When I use nth-child, it does not work as I expected. I set the (odd) or (2n+1) value of the attribute for background color, but instead of colouring an odd row, it affects cells that make part of the even row (The Truth or Consequences row).

Here is the code:
tr:nth-child(odd) {
background-color: #fcba7a;
}

Here is the problem that I’m writing about:
Screenshot 2023-03-12 at 18 01 31

Could you help me, please?

Should I use classes instead nth-child()?

P.S. This table comes from the Chapter 13 of Headfirt HTML and CSS.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.