{"id":909,"date":"2017-03-20T10:05:53","date_gmt":"2017-03-20T04:35:53","guid":{"rendered":"https:\/\/www.wikitechy.com\/technology\/?p=909"},"modified":"2017-03-20T10:05:53","modified_gmt":"2017-03-20T04:35:53","slug":"php-code-to-include-css-in-a-php-file","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/technology\/php-code-to-include-css-in-a-php-file\/","title":{"rendered":"PHP – Code to include css in a .php file"},"content":{"rendered":"

To include a css file to .php file.<\/p>\n

Inside the .php file, We have;<\/p>\n

Php Code<\/span> <\/div> 
<?php\tLoads of code..\t?><\/code><\/pre> <\/div>\n[ad type=”banner”]\n
We want it like this..<\/p>\n
 
 Php Code<\/span> <\/div> 
<?php\t<link href="bootstrap\/css\/bootstrap-responsive.css" rel="stylesheet">\tLoads of code..\t?><\/code><\/pre> <\/div>\n
But obviously that doesn’t work. Is there any way to do this?<\/p>\n
There are Four ways to solve this :<\/strong><\/p>\n
Solution 1 : echo a snippet.<\/p>\n
Solution 1 : include\/require<\/p>\n
Solution 2: same as you normally do in a HTML file.<\/p>\n
Solution 3:Consider your CSS file as a PHP file.<\/p>\n
PHP is a server-side language,CSS is client-side and is used by the browser.<\/p>\n
use echo :<\/strong><\/p>\n
 
 Php Code<\/span> <\/div> 
<?php\techo '<link href="bootstrap\/css\/bootstrap-responsive.css" rel="stylesheet">';\t?><\/code><\/pre> <\/div>\n
Use include\/require :<\/strong><\/p>\n
 
 Php Code<\/span> <\/div> 
<style><? include_once \u201dPATH\/your_style.css" media =""  ?><\/style>\/\/<style><? require_once \u201dPATH\/your_style.css" media ="" ?><\/style><\/code><\/pre> <\/div>\n[ad type=”banner”]\n
same as you normally do in a HTML file.<\/strong><\/p>\n
 
 Php Code<\/span> <\/div> 
<?<head><link href=\u201dPATH\/your_style.css\u201d ><\/head>?><\/code><\/pre> <\/div>\n
Consider your CSS file as a PHP file.<\/strong><\/p>\n
( instead of your_style.css, work with your_style.php )<\/p>\n
 
 Php Code<\/span> <\/div> 
<? header("Content-type: text\/css; charset: UTF-8"); $style_tipo = "Helvatica, Arial, sans-serif";$style_colour= rgba(255, 255, 255, 30);.... a { color: <? echo tyle_colour ?> }....?><\/code><\/pre> <\/div>\n
Css file linking can be categorized in two ways :<\/p>\n
 <\/p>\n
By Html Code :<\/strong><\/p>\n
This is the traditional method for including CSS in your document.
\nIt can be done by using link tag in head section of the document.<\/p>\n
 
 Php Code<\/span> <\/div> 
<link rel="stylesheet" href="main.css" type="text\/css"><\/code><\/pre> <\/div>\n
By Php Code :<\/strong><\/p>\n
This is by far new and powerful way to import css in a document.<\/p>\n
But the only condition is you have to surround the php code with style element.<\/p>\n
 
 Php Code<\/span> <\/div> 
<?php include 'header.php'; ?><style><?php include 'CSS\/main.css'; ?><\/style><\/code><\/pre> <\/div>\n[ad type=”banner”]\n
CSS files aren’t linked to PHP, they are linked to HTML.<\/p>\n
PHP can generate a line of HTML that references a CSS file like this:<\/strong><\/p>\n
 
 php Code<\/span> <\/div> 
<link rel="stylesheet" type="text\/css" href="my-style.css"><\/code><\/pre> <\/div>\n
 
 Php Code<\/span> <\/div> 
<?phpecho '<head>';    echo ' <link rel="stylesheet" href="\/styles.css" type="text\/css">';echo '<\/head>';require( "config.php" );$Quote = new CQuote; if( $Quote->Get( $strQuote ) == 0 )\techo $strQuote;?><\/code><\/pre> <\/div>\n[ad type=”banner”]\n","protected":false},"excerpt":{"rendered":"
PROBLEM To include a css file to .php file. Inside the .php file, We have; [ad type=”banner”] We want it like this.. But obviously that doesn’t work. Is there any way to do this? There are Four ways to solve this : Solution 1 : echo a snippet. Solution 1 : include\/require Solution 2: same […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[1731,1732,1724,1720,1719,1726,1725,1722,1717,1723,1718,1721,1729,1730,1727],"class_list":["post-909","post","type-post","status-publish","format-standard","hentry","category-php","tag-css-in-php-tutorial","tag-css-not-working-in-php-file","tag-how-do-i-correctly-link-my-css-file-to-both-my-index-php-and-my-include-php-files","tag-how-do-we-link-css-files-to-a-php-file","tag-how-to-add-css-to-php-file","tag-how-to-include-css-in-php-echo","tag-how-to-include-external-css-file-in-php","tag-how-to-include-style-sheet-as-php-file","tag-including-css-in-php-file","tag-including-external-javascript-and-css-files-in-php","tag-linking-a-css-file-to-a-php-script","tag-php-5-include-and-require","tag-php-css-examples","tag-php-include-css-not-working","tag-php-include-css-path"],"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/comments?post=909"}],"version-history":[{"count":0,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/posts\/909\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/media?parent=909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/categories?post=909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/technology\/wp-json\/wp\/v2\/tags?post=909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}