Как использовать стиль CSS в php

Im использует php для отображения данных из mysql. Вот мои инструкции css:

<style type="text/css">
table {
    margin: 8px;
}

th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    background: #666;
    color: #FFF;
    padding: 2px 6px;
    border-collapse: separate;
    border: 1px solid #000;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    border: 1px solid #DDD;
}
</style>

Они используются для отображения таблицы, tableheader, tabledate. Я новичок в php css, поэтому им просто интересно, как использовать приведенный выше CSS-стиль в кодах отображения php:

<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
    echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
<?>

Ответы

Ответ 1

Каскадные таблицы стилей (CSS) - это язык таблиц стилей, используемый для описания семантики представления (внешний вид и форматирование) документа, написанного на языке разметки. больше информации: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS не является языком программирования и не имеет инструментов, которые поставляются с серверным языком, таким как PHP. Однако мы можем использовать серверные языки для создания таблиц стилей.

<html>
<head>
<title>...</title>
<style type="text/css">
table {
margin: 8px;
}

th {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: 1px solid #000;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: 1px solid #DDD;
}
</style>
</head>
<body>
<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
?>
</body>
</html>

Ответ 2

Я предполагаю, что у вас есть код css в базе данных, и вы хотите отобразить php файл как CSS. Если это так...

На странице html:

<html>
<head>
   <!- head elements (Meta, title, etc) -->

   <!-- Link your php/css file -->
   <link rel="stylesheet" href="style.php" media="screen">
<head>

Затем в файле style.php:

<?php
/*** set the content type header ***/
/*** Without this header, it wont work ***/
header("Content-type: text/css");


$font_family = 'Arial, Helvetica, sans-serif';
$font_size = '0.7em';
$border = '1px solid';
?>

table {
margin: 8px;
}

th {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: <?=$border?> #000;
}

td {
font-family: <?=$font_family?>;
font-size: <?=$font_size?>;
border: <?=$border?> #DDD;
}

Удачи!

Ответ 3

Просто поместите CSS за пределы тега PHP. Здесь:

<html>
<head>
    <title>Title</title>
    <style type="text/css">
    table {
        margin: 8px;
    }
    </style>
</head>
<body>
    <table>
    <tr><th>ID</th><th>hashtag</th></tr>
    <?php
    while($row = mysql_fetch_row($result))
    {
        echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
    }
    ?>
    </table>
</body>
</html>

Обратите внимание, что теги PHP <?php и ?>.

Ответ 4

Я не понял этого Im new to php css, но поскольку вы определили свой CSS на уровне элемента, уже ваши стили применяются к вашему PHP-коду

Ваш PHP-код должен использоваться с HTML следующим образом

<!DOCTYPE html>
<html>
  <head>
    <style>
    /* Styles Go Here */
    </style>
  </head>
  <body>
  <?php
   echo 'Whatever'; 
  ?>
  </body>
</html>

Также помните, что вам не нужно эхо-HTML с помощью php, просто выделите их как

<table>
  <tr>
    <td><?php echo 'Blah'; ?></td>
  </tr>
</table>

Ответ 5

Попробуйте поместить ваш php в html-документ:

Примечание: ваш файл не сохраняется как index.html, но сохраняется как index.php или ваш php не работает!

 //dont inline your style

 <link rel="stylesheet" type="text/css" href="mystyle.css"> //<--this is the proper way!

 //save a separate style sheet (i.e. cascading style sheet aka: css)

 

Ответ 6

css :hover вроде как js onmouseover

row1 {
    // your css
}
row1:hover {
    color: red;
}
row1:hover #a, .b, .c:nth-child[3] {
    border: 1px solid red;
}

не слишком уверен, как это работает, но CSS применяет стили к идентификаторам echo'ed

Ответ 7

Вы также можете встроить его в php. Например.

<?php
    echo "<p style='color:blue; border:2px red solid;'>CSS Styling in php</p>";
?>

надеюсь, что эта помощь для любого в будущем.

Ответ 8

Я не знаю, что это правильный формат или нет. но он может решить мою проблему с удалением type = "text/css" , когда вставить код css в файл html/tpl с помощью php.

<style type="text/css"></style>