19

phpを使用してmysqlからのデータを表示しています。これが私のcssステートメントです：

<style type=”text/css”&gt;
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>

これらは、テーブル、テーブルヘッダー、テーブル日付を表示するために使用されます。私はphpcssを初めて使用するので、コードを表示するphpで上記のcssスタイルを使用する方法を考えています。

<?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>";
<?>
4

10 に答える 10

24

データベースに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;
}

楽しむ！

于 2013-10-16T12:37:47.413 に答える
15

カスケードスタイルシート（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>
于 2012-11-02T19:08:20.533 に答える
6

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>

<?phpPHPタグはとであることに注意してください?>。

于 2012-11-02T19:02:28.383 に答える
2

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)

于 2014-02-06T20:52:41.900 に答える
1

私はこれを理解していませんでした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>

また、phpを使用してHTMLをエコーする必要はなく、このように分離するだけです。

<table>
  <tr>
    <td><?php echo 'Blah'; ?></td>
  </tr>
</table>
于 2012-11-02T19:02:51.663 に答える
0

css:hoverちょっとjsのようなものですonmouseover

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

それがどのように機能するかはあまりわかりませんが、cssはエコーされたIDにスタイルを適用します

于 2015-11-09T10:08:20.840 に答える
0

PHPに埋め込むこともできます。例えば

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

将来、この助けが誰にでも役立つことを願っています。

于 2017-05-29T05:33:38.017 に答える
0

これが正しいフォーマットかどうかはわかりません。しかし、phpを使用してhtml/tplファイルにcssコードを挿入するときにtype="text/css"を削除する際の問題を解決できます。

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

なる

<style></style>

例 ここに画像の説明を入力してください

于 2017-07-19T11:57:43.343 に答える
0

（現在のコードで）絶対に簡単な方法はrequire_once("path/to/file")、phpコードにステートメントを追加することです。

<?php
require_once("../myCSSfile.css");
echo "<table>";
...

また、余談ですが、開始<?phpタグ>の末尾にはがなく、終了?>phpタグはで始まりません<。奇妙な、しかし本当。

于 2019-02-23T04:13:02.353 に答える
0

私はちょうど今この問題を抱えていて、require_onceトリックを試しましたが、実際にスタイルを適用せずに、すべてのphpコードの上にCSSをエコーするだけでした。

しかし、私がそれを修正するためにしたことは、すべてのphpを独自のプレーンなHTMLテンプレートでラップすることでした。ドキュメントの最初の行にhtmlと入力し、提案html：5を選択して、プレーンなHTMLドキュメントを開始するときと同じようにHTMLボイラープレートを取得します。次に、終了本文とhtmlタグを切り取り、下部の終了phpタグの下に貼り付けて、実際には何も変更せずにphpコードをラップします。最後に、スタイルシートへの単純な古いリンクをHTMLの先頭に配置するだけです。正常に動作します。

于 2020-07-12T11:45:11.287 に答える