.

Как использовать стиль CSS в PHP

Они используются для отображения таблицы, tableheader, tabledate. Я новичок в php css, поэтому им просто интересно, как использовать приведенный выше CSS-стиль в кодах отображения php:

 echo ""; echo ""; while($row = mysql_fetch_row($result)) < echo "\n"; > echo "
ID
hashtag
$row[0]
 
$row[1]
";

Я не до конца понимаю ваш вопрос. Вы не используете их в PHP иначе, чем в обычном HTML: либо включите внешнюю таблицу стилей, либо вставьте таблицу стилей в элемент

8 ответов

Каскадные таблицы стилей (CSS) — это язык таблиц стилей, используемый для описания семантики представления (внешний вид и форматирование) документа, написанного на языке разметки. больше информации: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS не является языком программирования и не имеет инструментов, которые поставляются с серверным языком, таким как PHP. Однако мы можем использовать серверные языки для создания таблиц стилей.

   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  echo ""; echo ""; while($row = mysql_fetch_row($result)) < echo "\n"; > echo "
ID
hashtag
$row[0]
 
$row[1]
"; ?>  

Я предполагаю, что у вас есть код css в базе данных, и вы хотите отобразить php файл как CSS. Если это так.

На странице html:

Затем в файле style.php:

 table < margin: 8px; >th < font-family: ; font-size: ; background: #666; color: #FFF; padding: 2px 6px; border-collapse: separate; border: #000; > td < font-family: ; font-size: ; border: #DDD; > 

Источник

Как дописать стили в атрибут style тегов HTML через PHP

Данный вопрос возникает при верстке писем т.к. стили прописанные в в почтовых сервисах и программах не работают, а в ручную прописывать стили каждому тегу вручную долго и не удобно. Далее представлены варианты как автоматизировать этот процесс.

Пример HTML кода в котором нужно добавить стили.

$html = ' 
Текст 1
 
Текст 2
  ';

Массив тегов и стилей которые нужно добавить.

$tags = array( 'span' => 'color: #000;', 'p' => 'padding: 0;', 'img' => 'border: none;' );

Вариант на регулярных выражениях

Функция ищет теги, из них достает атрибуты, дописывает их и делает замену в тексте.

function add_html_style($html, $tags) < foreach ($tags as $tag =>$style) < preg_match_all('//i', $html, $matchs, PREG_SET_ORDER); foreach ($matchs as $match) < $attrs = array(); if (!empty($match[1])) < preg_match_all('/[ ]?(.*?)=[\"|\'](.*?)[\"|\'][ ]?/', $match[1], $chanks); if (!empty($chanks[1]) && !empty($chanks[2])) < $attrs = array_combine($chanks[1], $chanks[2]); >> if (empty($attrs['style'])) < $attrs['style'] = $style; >else < $attrs['style'] = rtrim($attrs['style'], '; ') . '; ' . $style; >$compile = array(); foreach ($attrs as $name => $value) < $compile[] = $name . '="' . $value . '"'; >$html = str_replace($match[0], '', $html); > > return $html; > echo add_html_style($html, $tags);

Результат работы функции

Текст 1
 
Текст 2
  

Вариант на phpQuery

• Приводит HTML код к валидному виду — закрывает незакрытые теги, удаляет лишние пробелы, переводит названия тегов и атрибутов в нижний регистр.
• Заменяет мнемоники на символы.

require '/phpQuery.php'; $dom = phpQuery::newDocument($html); foreach ($tags as $tag => $style) < $elements = $dom->find($tag); foreach ($elements as $element) < $pq = pq($element); $attrs = $pq->attr('style'); if (empty($attrs)) < $pq->attr('style', $style); > else < $pq->attr('style', rtrim($attrs, '; ') . '; ' . $style); > > > echo (string) $dom;

Результат

Текст 1
 
Текст 2
  

Вариант на классе DOMDocument

В данном случаи не подходит т.к. к верстке добавляется теги , , .

$doc = new DOMDocument('1.0', 'UTF-8'); @$doc->loadHTML($html); foreach ($tags as $tag => $style) < $elements = $doc->getElementsByTagName($tag); foreach ($elements as $element) < $attrs = $element->getAttribute('style'); if (empty($attrs)) < $element->setAttribute('style', $style); > else < $element->setAttribute('style', rtrim($attrs, '; ') . '; ' . $style); > > > echo html_entity_decode($doc->saveHTML());

Результат

   
Текст 1
 
Текст 2
   

Источник

How to Use CSS With PHP

Learn about the different ways to add Cascading Style Sheets (CSS) to your website using PHP—with code samples.

On websites powered by PHP, the HTML markup, CSS style sheets, and JavaScript scripts are stored in PHP files.

Any code that’s not enclosed in a PHP tag (that is, ) doesn’t have to follow PHP syntax and will be outputted as static code to the HTML document that the server generates in response to the browser’s request.

Code that’s enclosed in a PHP tag, on the other hand, has to follow the PHP language syntax and will be outputted dynamically to the HTML file loaded by the user’s browser.

In other words, there’s a static and a dynamic way to add CSS with PHP—and we will go through both of them in the rest of this article.

Adding CSS With PHP the Static Way

In your PHP file, you can inline your CSS code in the style=»» attribute of HTML elements, embed it in a tag in the header, or link to it in a tag, and it will be outputted as it is.

doctype html> html>  head>  style> font-size: 42px;  style>  link rel="stylesheet" href="style.css">  head>  body>  h1 style="color:blue">Hello, world!h1>  body> html>

Will result in the following HTML markup:

doctype html> html>  head>  style> font-size: 42px;  style>  link rel="stylesheet" href="style.css">  head>  body>  h1 style="color:blue">Hello, world!h1>  body> html>

However, this assumes that you’re only writing HTML/CSS code and storing it in a PHP file, in which case you aren’t taking advantage of the PHP scripting language’s ability to make your website dynamic.

Adding CSS With PHP the Dynamic Way

Now that we’ve covered the static way of doing things, let’s take a minute or two to talk about how to add CSS code to your HTML document dynamically.

One of the many things that you can do with PHP is to declare variables and store information in them. You can then reference these variables in your echo PHP statements to output the information stored in them to the screen.

For example, you can store the values for your CSS properties in PHP variables, then output them to the client-side HTML files to dynamically generate your CSS code on every request:

?php  $h1_size = "42px";  $h1_color = "blue";  $stylesheet_url = "style.css"; ?> doctype html> html>  head> ?php  echo "style> font-size: h1_size>>;  style>"  ?> ?php  $url = "style.css";  echo "link rel='stylesheet' href=''>";  ?>  head>  body>  h1  echo "style='color:blue'" ?>>Hello, world!h1>  body> html>

The result is the same as the static example a few paragraphs above. But the difference is that you can define the values of the CSS code—and reuse them across CSS rules.

doctype html> html>  head>  style> font-size: 42px;  style>  link rel="stylesheet" href="style.css">  head>  body>  h1 style="color:blue">Hello, world!h1>  body> html>

But the real power of PHP, as W3Schools explains in this tutorial, comes from its functions.

For example, you can create a function to generate a element with the rel=”” and href=”” attributes stored in variables:

?php  // Define the linkResource() function  function linkResource($rel, $href)   echo "link rel='' href=''>";  > ?>

Using this function, you can link any external CSS style sheet or JS script.

Note the use of single and double quotation marks. If you’re using double quotation marks in your PHP code, you need to use single quotation marks for the HTML code in your echo statements, and vice versa.

If you call the linkResource() function anywhere in your PHP file with the following parameters:

// Call the linkResource() function ?php linkResource("stylesheet", "/css/style.css"); ?>

It will output a DOM element with those parameters to the client-side HTML file:

link rel="stylesheet" href="/css/style.css">

Here’s what this looks like in practice. The server-side PHP file below:

php function linkResource($rel, $href)  echo "";  > ?> doctype html> html> head> php linkResource("stylesheet", "/css/normalize.css"); ?> php linkResource("stylesheet", "/css/style.css"); ?> head> body> h1>Hello, world!h1> body> html>

Will output the client-side HTML file below:

doctype html> html>  head>  link rel='stylesheet' href='/css/normalize.css'>  link rel='stylesheet' href='/css/style.css'>  head>  body>  h1>Hello, world!h1>  body> html>

Note: You can give all of the PHP code a test by executing it in one of my favorite tools, the browser-based PHP sandbox at onlinephp.io.

In Conclusion

There are two ways to add CSS code with PHP. One is the static way, or two hardcode it into your PHP files, and the other is the dynamic way, or to generate with functions and variables.

Now that you know how to use both, you can choose the one that’s right for your project depending on the needs and requirements at hand.

Thank you for reading this far and, if you have any questions or want to share tips of your own with the rest of this post’s readers, don’t forget to leave a reply below!

By Dim Nikov

Editor of Maker’s Aid. Part programmer, part marketer. Making things on the web and helping others do the same since the 2000s. Yes, I had Friendster and Myspace.

Leave a comment Cancel reply

• How to Wait for an Element to Exist in JavaScript July 13, 2023
• How to Check If a Function Exists in JavaScript July 13, 2023
• How to Remove Numbers From a String With RegEx July 13, 2023
• How to Check If a String Is a Number in JavaScript July 13, 2023
• How to Insert a Variable Into a String in PHP July 12, 2023

We publish growth advice, technology how-to’s, and reviews of the best products for entrepreneurs, creators, and creatives who want to write their own story.

Maker’s Aid is a participant in the Amazon Associates, Impact.com, and ShareASale affiliate advertising programs.

These programs provide means for websites to earn commissions by linking to products. As a member, we earn commissions on qualified purchases made through our links.

To provide the best experiences, we and our partners use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us and our partners to process personal data such as browsing behavior or unique IDs on this site and show (non-) personalized ads. Not consenting or withdrawing consent, may adversely affect certain features and functions.

Click below to consent to the above or make granular choices. Your choices will be applied to this site only. You can change your settings at any time, including withdrawing your consent, by using the toggles on the Cookie Policy, or by clicking on the manage consent button at the bottom of the screen.

The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.

The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.

The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.

The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.

Источник

Как использовать стиль CSS в php

Im использует php для отображения данных из mysql. Вот мои предложения css:

Они используются для отображения таблицы, таблицы, табуляции. Я новичок в php css, поэтому им просто интересно, как использовать приведенный выше CSS-стиль в кодах отображения php:

 echo ""; echo ""; while($row = mysql_fetch_row($result)) < echo "\n"; > echo "
ID
hashtag
$row[0]
 
$row[1]
";

Каскадные таблицы стилей (CSS) – это язык таблиц стилей, используемый для описания семантики представления (вид и форматирование) документа, написанного на языке разметки. Дополнительная информация: http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS не является языком программирования и не имеет инструментов, которые поставляются с языком на стороне сервера, например PHP. Однако для создания таблиц стилей мы можем использовать серверные языки.

   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  echo ""; echo ""; while($row = mysql_fetch_row($result)) < echo "\n"; > echo "
ID
hashtag
$row[0]
 
$row[1]
"; ?>  

Я предполагаю, что у вас есть код css в базе данных, и вы хотите отобразить php-файл как CSS. Если это так …

На странице html :

Затем в файле style.php :

 table < margin: 8px; >th < font-family: ; font-size: ; background: #666; color: #FFF; padding: 2px 6px; border-collapse: separate; border: #000; > td < font-family: ; font-size: ; border: #DDD; > 

Просто поместите CSS за пределы тега PHP. Вот:

   table  \n"; > ?>
ID
hashtag
 
$row[0]
 
$row[1]
   

Обратите внимание, что теги PHP являются .

Я не понял это Im new to php css но поскольку вы определили свой CSS на уровне элемента, уже ваши стили применяются к вашему PHP-коду

Ваш PHP-код должен использоваться с HTML следующим образом:

Также помните, что вам не нужно было эхо-HTML с помощью php, просто отделите их так

Попробуйте поместить ваш php в html-документ:

Примечание: ваш файл не сохраняется как index.html, но он сохраняется как index.php или ваш php не работает!

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

row1 < // ur css >row1:hover < color: red; >row1:hover #a, .b, .c:nth-child[3]

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

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

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

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

Источник