Можно ли встроить определение класса CSS внутри файла xhtml? - PullRequest
Новая
       0

Можно ли встроить определение класса CSS внутри файла xhtml?

7 голосов
/ 15 сентября 2011

Можно ли встроить определение класса CSS внутри файла xhtml?

Я имею в виду, что-то вроде: 

p.first{ color: blue; }
p.second{ color: red; }

Внутри моей страницы, а не в отдельном файле CSS.

Ответы [ 5 ]

17 голосов
/ 15 сентября 2011

Я думаю, что вы пытаетесь поместить свой CSS на страницу HTML, а не в строку.

Вы можете поместить CSS на страницу HTML (обычно в head), окружив ее styleтеги: 

<style type="text/css">
    p.first{ color: blue; }
    p.second{ color: red; }
</style>
3 голосов
/ 15 сентября 2011

Конечно, вот пример. Однако рекомендуется хранить ваши стили в отдельном файле CSS. 

<html>
    <head>
        <title>Classes</title>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>    
        <style type="text/css">
         img {
             padding:10px;
             margin:5px;
             border:1px solid #d5d5d5;
          }
          div.thumb {
             float:left;
          }
          div.caption {
             padding-left:5px;
             font-size:10px;
          }
       </style>
     </head>
    <body>
        <div>your page code etc..</div>
    </body>
</html>
2 голосов
/ 15 сентября 2011

Вы также можете поместить CSS внутри тега p.

<html>
<body>
<p class="first" style="color:blue;"></p>
<p class="second" style="color:red;"></p>                                               
</body>
</html>
1 голос
/ 15 сентября 2011

Приятной особенностью CSS является то, что он работает в любом файле, а не только в HTML, XML-файле. Вам просто нужно определить блок syle в любом месте страницы 

<style type="text/css">
    <all my styles goes here>
</style>

В HTML и HTML / XHTML стандарт таков, вы поместите этот блок в раздел head. Если это файл другого типа, например .aspx или .php, блок все еще работает, даже если он не находится в головном блоке.

Пример 

<?php
 /* mytest.php file */
<style>
   <my styles>
</style>

?>

то же самое верно для файла ASPX.

Вы также можете определить встроенный CSS, что означает, что CSS идет прямо в теге элемента. Синтаксис 

<p style="<all my styles>"> My paragraph contain inline CSS</p>
0 голосов
/ 15 сентября 2011

Да, вы можете вставить стили CSS в файл HTML.Например: 

<p>...</p>
<style type="text/css">
p.first { ... }
</style>
<div>...</div>

Как вы найдете в литературе, это не считается хорошей практикой.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...