HTML и CSS не работают?

#html #css

#HTML #css

Вопрос:

Я действительно новичок, когда дело доходит до веб-программирования, особенно когда дело доходит до HTML и CSS, я читал первую главу книги О. Рейли, и там был этот пример, который не работает, когда я запускаю его в своем веб-браузере, я использую Google Chrome и использую notepad для этого моего кода кто-нибудь может мне здесь помочь? поскольку мой код CSS, похоже, не работает

 <html>
    <head>
    <title> Starbuzz Coffee</title>

    <style type=”text/css”>
        body {
    background-color: #d2b48c;
    margin-left: 20%;
    margin-right: 20%;
    border: 1px dotted gray;
    padding: 10px 10px 10px 10px;
    font-family: sans-serif;
    }
    </style>
    </head>

    <body>

        <h1>StarBuzz Coffee Beverages!</h1>


        <h2>House Blend , $1.49</h2>
        <p>A smooth, mild blend of coffee from mexico,Oblivia and Guatemala</p>

        <h2>Mocha Coffee Latter , $2.96</h2>
        <p>EsPresso, Steamed milk and Chocolate chip</p>

        <h2>Capuccino , $1.07</h2>
        <p>A mixture of Espresso, steamed milk and foam</p>

        <h2>Chai Tea , $2.59</h2>
        <p> A spicy drink with black tea, spices, milk and honey</p>

    </body>

</html>

1. Какая часть CSS не работает? Кроме того, попробуйте заменить эти левые и правые двойные кавычки в Юникоде нейтральными двойными кавычками ASCII в вашем <style> теге.

2. стиль не работает, когда я не знаю почему

3. что сказал Роб. удар в темноте: возможно, тот факт, что кавычки вокруг <style type=”text/css”> не являются правильными кавычками. т.е. "

4. Вам вообще не нужен атрибут type, практически каждый браузер все равно будет отображать его, хотя ваш документ может не проверяться в зависимости от используемого вами doctype. Если вы используете в формате HTML5 <!doctype html> этот тип атрибута не является обязательным .

Ответ №1:

Я вставил ваш код непосредственно в jsfiddle, и CSS не был применен к документу. Попробуйте заменить фигурные кавычки ( style type=”text/css” ) на обычные кавычки ( style type="text/css" ) и повторите попытку.

Рабочий пример: http://jsfiddle.net/dPdHu /

Ответ №2:

вместо (shift ‘), чтобы получить «

не нажимайте shift, а затем нажмите » «, чтобы получить «

Просто, но у меня была точно такая же проблема до публикации Роба.