2012-11-02 15 views
10

Im przy użyciu php do wyświetlania danych z mysql. Oto moje oświadczenia css:Jak używać stylu CSS w 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> 

Służą do wyświetlania tabeli, tableheader, Tabledate. Im nowe do php css, tak im po prostu zastanawiasz się, jak korzystać z wyżej stylów CSS w PHP wyświetlania kodów:

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

nie w pełni zrozumieć pytanie. Nie używasz ich inaczej w PHP niż w normalnym HTML: włącz zewnętrzny arkusz stylów lub osadzaj arkusz stylów w swoim '' elemencie – knittl

Odpowiedz

7

Kaskadowe arkusze stylów (CSS) jest ona styl et język używany do opisu semantyki prezentacji (wyglądu i formatowania) dokumentu napisanego w języku znaczników. więcej informacji: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS nie jest językiem programowania i nie ma narzędzi dostarczanych z językiem po stronie serwera, takim jak PHP. Możemy jednak używać języków po stronie serwera do generowania arkuszy stylów.

<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

Wystarczy umieścić CSS poza PHP Tag. Tutaj:

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

zwrócić uwagę, że znaczniki PHP są <?php i ?>.

+4

Również zwykłe znaczniki HTML, takie jak "

", nie muszą być echo - po prostu wypisz je w HTML i zacznij tag

1

nie rozumiał Im new to php css ale jak już zdefiniowane CSS na poziomie elementu, już wasze style są stosowane do kodu PHP

kodzie PHP ma być używany z HTML jak to

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

Należy również pamiętać, że nie trzeba za pomocą php echo HTML, wystarczy oddzielić je jak ten

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

Chyba masz kodu CSS w bazie danych & chcesz renderować plik PHP jako CSS. Jeśli tak jest w istocie ...

na stronie html:

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

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

Następnie w ciągu style.php pliku:

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

Miłej zabawy!

1

Spróbuj umieścić swój php do dokumentu html:

Uwaga: plik nie jest zapisywany jako index.html ale jest zapisana jako index.php lub Twój php przyzwyczajenie praca!

//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: hover jest trochę jak js onmouseover

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

zbyt pewien, jak to działa, ale stosuje style css do echo'ed identyfikatory

0

Można także umieścić go w php. Na przykład.

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

nadzieję, że ta pomoc dla każdego w przyszłości.

0

Nie wiem, czy to jest poprawny format, czy nie. ale może rozwiązać mój problem z usunięciem type = "text/css" po wstawieniu kodu css w pliku html/tpl z php.

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

stać

<style></style>

Przykład enter image description here

Powiązane problemy