2012-11-02 45 views
10

Im sử dụng php để hiển thị dữ liệu từ mysql. Dưới đây là các tuyên bố css của tôi:Cách sử dụng kiểu css trong 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> 

Chúng được sử dụng để hiển thị bảng, tableheader, tabledate. Im mới để php css, vì vậy im chỉ tự hỏi làm thế nào để sử dụng phong cách css trên trong mã php hiển thị:

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

Tôi không hiểu đầy đủ của bạn câu hỏi. Bạn không sử dụng chúng khác biệt trong PHP so với HTML thông thường: hoặc bao gồm biểu định kiểu bên ngoài hoặc nhúng biểu định kiểu trong phần tử '' của bạn – knittl

Trả lời

7

Cascading style Sheets (CSS) đây là một phong cách cô et ngôn ngữ được sử dụng để mô tả ngữ nghĩa thuyết trình (giao diện và định dạng) của tài liệu được viết bằng ngôn ngữ đánh dấu. thông tin khác: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS không phải là ngôn ngữ lập trình và không có các công cụ đi kèm với ngôn ngữ phía máy chủ như PHP. Tuy nhiên, chúng tôi có thể sử dụng các ngôn ngữ phía máy chủ để tạo các trang mẫu.

<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

Chỉ cần đặt CSS ngoài PHP Tag. Tại đây:

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

Lưu ý rằng các thẻ PHP là <?php?>.

+4

Ngoài ra, các thẻ HTML thuần túy như "

" không cần được lặp lại - chỉ xuất chúng trong HTML và bắt đầu thẻ

1

Tôi không hiểu điều này Im new to php css nhưng khi bạn đã xác định CSS của bạn ở mức yếu tố, đã phong cách của bạn được áp dụng cho mã PHP của bạn

mã PHP của bạn là để được sử dụng với HTML như

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

Cũng nên nhớ, bạn không cần để echo HTML sử dụng php, chỉ cần tách chúng ra như

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

Tôi đoán bạn có mã css trong cơ sở dữ liệu & bạn muốn hiển thị tệp php dưới dạng CSS. Nếu đúng như vậy ...

Trong trang của bạn html:

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

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

Sau đó, trong style.php file:

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

Hãy vui vẻ!

1

Hãy thử đặt php của bạn vào một tài liệu html:

Lưu ý: tập tin của bạn không được lưu lại dưới dạng index.html nhưng nó được lưu lại dưới dạng index.php hoặc php của bạn sẽ không hoạt động!

//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 kinda giống như js onmouseover

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

không quá chắc chắn như thế nào nó hoạt động nhưng css áp dụng phong cách để echo'ed id

0

Bạn cũng có thể nhúng nó trong php. Ví dụ.

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

hy vọng trợ giúp này cho bất kỳ ai trong tương lai.

0

Tôi không biết định dạng này có đúng hay không. nhưng nó có thể giải quyết vấn đề của tôi với việc xóa type = "text/css" khi chèn mã css vào tệp html/tpl bằng php.

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

trở thành

<style></style>

Ví dụ enter image description here

Các vấn đề liên quan