Как использовать стиль 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> 

Они используются для отображения таблицы, таблицы, табуляции. Я новичок в 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>"; <?> 

Каскадные таблицы стилей (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> 

Я предполагаю, что у вас есть код 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; } 

Повеселись!

Просто поместите 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 и ?> .

Я не понял это 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> 

Попробуйте поместить ваш 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 (ie cascading style sheet aka: css) 

css: hover kinda похож на js onmouseover

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

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

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

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

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

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

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