Try Tuts+ Premium, Get Cash Back!
Nettuts+ Quiz #1: Beginner CSS
basix

Nettuts+ Quiz #1: Beginner CSS

on May 6th 2011 with 440 comments
This entry is part 1 of 12 in the The Official Nettuts+ Quizzes Session
Next »

In the first of many Nettuts+ quizzes, you’ll be able to test your knowledge by solving some nefarious questions. But don’t worry, we’re starting today by asking you some extremely beginner level CSS questions. Get crackin’ after the jump!

CSS is used to…

The C in CSS stands for?

The correct way to link to a stylesheet in the head is?

Which of these is not a valid CSS selector?

What’s the effective width of the container?
#container {width: 100px; padding: 10px; margin: 20px;}

How do you define a comment in CSS?

Which of the following is used to display links without an underline?

How do you center an element horizontally?

The # symbol specifies that the selector is…

span { font-size: 12px; padding: 2px; color: #fff; display: inline;}

In the rule above, which of the declarations is irrelevant?

#id {margin: 20px 30px 10px 50px}

The margin-right value will be?

Which property is used to change the size of text?

p div.selected matches?

What is the order of precedence when you’re embedding CSS using different methods?

The * selector selects…

#1
Please select an option

Siddharth is Siddharth on Codecanyon
Tags: basixquiz
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

Hola! I'm the associate editor here, editor of Windows.AppStorm, the lead reviewer at CodeCanyon and a reviewer at ThemeForest. When I'm not working for Envato, I'm a web developer/designer with expertise in JavaScript, PHP and Ruby . I am passionate about web technologies and video games and I really think code *is* art. It's a well known fact that following me has brought people great fortune and a lot of cuddles!  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
← Older Comments
Newer Comments →
  • http://www.about.me/leoui Leoui

    Geees.. very disappointed.. i passed the test with only few point to failed. Glad i’m muggle, but sad my score was toooooo LOW..

    btw, nice game! can’t wait to see more quiz!

  • Muhammad

    67% :( and i just wrote my introduction to web design exam yesterday.

  • http://www.BlaineSch.com BlaineSch

    The results should be posted. You should have also asked for a few demographic things such as age, gender, and location so we could see a better visual representation of the data.

    • Jon Ivee Hernandez

      @Blaine I like your idea that visualizing the Age, Gender, and Location. Like a survey thing ^_^. That makes me sense for the word “Innovation”. –Thanks.

  • Alphafer

    Easy, 100%

    This should be a nettuts facebook app.

  • http://inglesnarede.com.br Renato Alves

    I scored 80% of the quiz, not that bad ;)

    Great quiz guys looking forward to next ones…

  • http://www.aon-media.com Jon

    Only one I got wrong was question #14, in regards to embedding CSS. I didn’t quite understand that question. Good quiz though, nice to be able to test yourself once in a while to see what you really do know, even if it is just basics! Some people get so wrapped up in learning advanced principles, that we sometimes forget the most basic things.

    • http://www.nainteractive.com Nuno Albuquerque

      Me too!

    • Joacim Wimmerstedt

      I need 14 explained to me. All of a sudden, i feel so bad! 93%…

      • http://www.thelab.net.au Storm

        I too missed question 14 but the real sadness is that my congratulations message read ‘Good Sir’, are we that stuck in the boys only world that we can’t make these messages gender neutral?

      • Vinay Bhat

        Answer to Q14: Inline, Embedded and linked.

        Explanation of Question 14: Well it’s how you “attach” the CSS to your markup. Inline means adding style directly to tags inside the HTML. Embedded means using tags and linking means linking an external CSS file to the HTML.

        By Order of Precedence, it means that, say you have “attached” your CSS in all the 3 ways, then the browser will select Inline styling over Embedding and Linking. So if the browser has all the 3 ways to chose from it will select in this order –
        1. Inline Styling.
        2. Embedded Styling.
        3. Linking.

        So the browser will ignore Embedded and Linked CSS if Inline is present, if only Embedded CSS and Linked CSS is present, it will chose the Embedded one.

        But still Linking is preferred all above others.

      • Vinay Bhat

        “….Embedded means using tags…” Sorry, I meant using tags.

        “…But still Linking is preferred all above others.” Sorry, I meant Linking is preferred all above others by the people who code.

        Quite a few typos there!, I apologize :)

  • http://localhost Frank

    Quiz is too easy…If I didn’t score 100% on this test I would probably find a different line of work.

  • Richard Kalehoff

    100%

    Twas a tad easy, but I still liked the test. Looking forward to the moderate/advanced quizzes.

  • http://www.material-designer.com Chris Hendrix

    100%! Hah, could definitely be a trick question if for the box width one you declared box-sizing: border-box; Guess that’ll have to be for the advanced quiz.

  • Jon Ivee Hernandez

    Missed too on #14 very confusing question.

  • http://www.sahilmepani.com Sahil Mepani

    Whoaa! I scored 100%. I knew it.

  • Jason Smith

    80%

    I was a tad surprised at my score. I only dabble with this stuff as a hobby. I also haven’t played with it in months.

  • http://www.webmasterdubai.com webmasterdubai

    man got 100% really great

  • http://www.rahulparekh.in/ Rahul Parekh

    Got one wrong. Shame!

  • contin

    Outstanding, noble sir! You scored 93.33%

    I failed at question 10, what was question 10?

  • Jesse

    If you felt the need to say “easy”, you must have missed the “Beginner” part of the title. If you’re not a beginner, it should have been easy; no need to call it out.

    Love the idea overall though.

    BTW – 100%

  • teebee

    I missed one and got 93.33% but I would like to be able to click on the one I got wrong and see the correct answer.

    • teebee

      It was question #5 which was “What’s the effective width of the container? #container {width: 100px; padding: 10px; margin: 20px;}”. I knew when the question was presented that I didn’t like it because (in my mind) that is dependent on browser!

  • Marcelo

    Great quiz… A small suggestion: At the scoring page, I would like to be able to click on a wrong question and know what the question was… Or number each question… It is hard to re-do the test just to check which question you got wrong… And by the way, I barely passed (I scored 70-something)…

    Keep up the great work, you fellas…

  • kenth

    100% right answers! I miss a share button to brag about it! :)

  • Kopeka Simposya

    Hooray!!! I scored 100%. C’mmon!

  • clint

    Woooo hooooo…..93.3 without leaving the test. The only question I missed was the very last one and I almost selected the correct answer. :)

  • http://contact@eredesigns.com Mike

    The “descendant or ancestor” one almost got me, but 100% any way son!

  • http://pixeltodesign.com Michael Arnaldo

    86.67%. Not too shabby. Being asked a question vs actually writing the code different. Some of the questions were worded king of tricky. Overall, looking forward to more quzzies!

  • modheavymod

    Yeah Exceeds expectations! You scored 86.67%, wrong 2

  • http://www.bleext.com Crysfel

    100% :) but, to be honest i wan’t totally sure in number 14 XD

  • http://anasnakawa.wordpress.com Anas Nakawa

    WoW I scored 100%!

  • http://atinder.com atinder

    Albus, is that you?

    scored 100 percent…….. :)

  • http://www.xeoscript.com Sujith

    Hehe……….got 100 %….here is my score card

    “”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"”"
    Albus, is that you? You scored 100%

    Question #1
    Correct
    Question #2
    Correct
    Question #3
    Correct
    Question #4
    Correct
    Question #5
    Correct
    Question #6
    Correct
    Question #7
    Correct
    Question #8
    Correct
    Question #9
    Correct
    Question #10
    Correct
    Question #11
    Correct
    Question #12
    Correct
    Question #13
    Correct
    Question #14
    Correct
    Question #15
    Correct
    Answers
    1 : b 2 : d 3 : a 4 : c 5 : a 6 : d 7 : b 8 : a 9 : d 10 : a 11 : d 12 : c 13 : a 14 : b 15 : d

    ############################################################################

    Now I recomnd more good quiz questions.

    • BakaBoy

      if I know you share your answer…..
      may be I can get score more than 87%

      :(

  • http://frendz4ever.in Fahad

    66.77% I too agree with the suggestion “I would like to be able to click on a wrong question and know what the question was” .

    • http://www.sigaspot.com/ SiGa

      I agree with that – I expected that function when the buttons where shown.
      80% – not too bad when your native language is German. I´m still totally confused with #14… ;-) But it was fun for sure!

  • Ken

    100% Wow, didn’t expect that. Great quiz. (But, of course I would say that.)

  • HOT FIRE

    I’ve got 100%. Professional in CSS because I love it…:D

  • Girlie.

    Exceeds expectations! You scored 86.67%

    But I missed questions #1 and #11 lol.

  • bhavin

    yes
    create facebook app for this with every week new quize, really nice.

  • http://www.gherve.eu.pn Herve Gbedji

    OK , i got , 74% ,, while expectint 100 ,, NETTUS , I AM WAITING A jQuery CONTEST , and LETS see , if THOSE 100 % people ,, could keep up with realities ,,,,,, but great work though ,, congrats

  • Norman Cossio

    Nada mal, 93.33% una respuesta incorrecta, ahorita checo cual fue, este tipo de test me gustan porque si nos va bien quiere decir que no andamos tan perdidos en CSS

  • Ryan

    110%

    What, you guys didn’t get the extra credit? Guess you’re not as smart as you think!

  • Jordan

    “Albus, is that you? You scored 100%”

    In my opinion the quiz was really easy. Looking forward to seeing more like this!

  • http://www.code-pal.com Sumeet Chawla

    Darn, got 93.33% :( 14th got wrong T_T

  • Kat

    100%!

    Bring on the harder questions!

  • http://www.compareandrecycle.co.uk/ Lee

    100%, but then I do spend most of my working life writing CSS. A couple which had me doubting myself but overall a great quiz.

  • screamonster

    woah! i got 80% not bad for noob like me :D

  • http://askmatthewpotter.com Matthew Potter

    100%… Yatta!. I feel a little bit better about teaching that meet-up next month knowing that I can get all of those.

  • http://www.skmvasu.com Vasu

    Yew! Got only 80 :(

  • Sagar Ranpise

    Yay! 100% for me!

  • http://maikunari.com Mike Sewell

    86.67% – not too bad I reckon.

  • Hanson

    73.33%
    harsh
    I should try harder :-(

  • dekkeng

    86.67%

    disappointed.. LOL

  • http://www.tisseur-de-toile.fr jeFFF

    93,33% I missed the #14… :(

  • Omid

    100%
    waiting for the next quiz

  • Jorge Quan

    93.33% get wrong on Q#14 :S

← Older Comments
Newer Comments →