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>