2012-11-02 16 views
10

Im mit PHP, um Daten von MySQL anzuzeigen. Hier sind meine CSS-Anweisungen:Wie verwendet man CSS-Stil in PHP

<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> 

Sie dienen zur Anzeige Tabelle, Tableheader, tabledate. Im neu zu php css, so im frage mich, wie die oben CSS Stil in PHP Anzeige Codes verwenden:

<?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>"; 
<?> 
+0

ich nicht vollständig verstehen Ihre Frage. Sie verwenden sie nicht anders in PHP als in normalem HTML: entweder ein externes Stylesheet enthalten oder das Stylesheet in Ihr '' Element einbetten – knittl

Antwort

7

Cascading Style Sheets (CSS) ist ein Stil, den sie Sprache, die zur Beschreibung der Präsentationssemantik (Aussehen und Formatierung) eines in einer Auszeichnungssprache geschriebenen Dokuments verwendet wird. Weitere Informationen: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS ist keine Programmiersprache und verfügt nicht über die Tools, die mit einer serverseitigen Sprache wie PHP geliefert werden. Wir können jedoch serverseitige Sprachen zum Generieren von Stylesheets verwenden.

<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> 
3

einfach die CSS setzen außerhalb der PHP-Tag. Hier:

<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> 

Beachten Sie, dass die PHP-Tags sind <?php und ?>.

+4

Auch einfache HTML-Tags wie "

" müssen nicht wiederholt werden - geben Sie sie einfach aus im HTML und starten Sie das

1

ich nicht verstanden habe diese Im new to php css aber wie Sie Ihre CSS auf Element-Ebene definiert haben, bereits Ihre Stile auf Ihre PHP-Code

Ihre PHP-Code angewendet werden, ist wie diese

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

Denken Sie auch daran, nicht wahr HTML echo müssen mit pHP, sie einfach trennen wie diese

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

Ich denke, Sie Ihre CSS-Code in einer Datenbank haben & Sie eine PHP-Datei als CSS machen möchten. Wenn das der Fall ist ...

In Ihrem HTML-Seite:

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

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

Dann innerhalb style.php Datei:

<?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; 
} 

Viel Spaß!

1

Versuchen Sie, Ihre PHP in einem HTML-Dokument setzen:

Hinweis: Ihre Datei als index.html nicht gespeichert wird, aber es wird als index.php oder Ihre PHP nicht funktionieren gerettet!

//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) 

1

css: schweben ist ein bisschen wie js Onmouseover

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

nicht ganz sicher, wie es funktioniert, aber CSS gilt Stile ids

0

Sie auch in der PHP einbinden echo'ed. Z.B.

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

hoffe diese Hilfe für alle in der Zukunft.

0

Ich weiß nicht, ob das richtige Format ist oder nicht. aber es kann mein Problem mit dem Entfernen type = "text/css" gelöst werden, wenn CSS-Code in HTML/TPL-Datei mit PHP einfügen.

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

werden

<style></style>

Beispiel enter image description here

Verwandte Themen