CI框架引入CSS文件的方法是什么?

html-css028

CI框架引入CSS文件的方法是什么?,第1张

1、两种方法,相对路径和绝对路径

2、相对路径是相对网站根目录的路径也就是index.php所在的路径

3、绝对路径可以使用config.php中base_url配置

4、举例:static是根目录下的文件夹,存放静态文件

相对:

<script src="static/js/web.js"></script>

<link rel="stylesheet" type="text/css" href="static/css/style.css">

绝对:

首先php获取base_url的值

$base_url = $this->config->item('base_url')

//通过参数传递到html页面

$this->load->view('index', array('base_url'=>$base_url))

//页面中使用

<script src="<?php echo $base_url?>static/js/web.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo $base_url?>static/css/style.css">

Django版本1.10 

网站通常需要js,css,图片等文件,在Django中,我们把这些文件称为“静态文件”(static files)。Django提供django.contrib.staticfiles来管理他们。 使用方法如下: 

1.在settings.py中定义你的STATIC_URL:

STATIC_URL='/static/'1

2.在项目中,static文件的目录如下图所示: 

项目名:ProjetTestDjangoAPP名:peojetDjango,static 文件夹在APP目录下。

3.在settings.py中添加项目APP: 

4.在HTML文件中调用:

{% load static %}<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" media="all">12

<img class="img" src="{% static 'images/logos/Google_Translate_Icon.png' %}" width="36" height="36">1

方法/步骤

<html> <div style="background:blue"></div></html>

以上是最简单的一种方式,可以在网页中直接加入,不过不能多代码的加入,只可以简单的几行代码的加入。

<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>

同在一个屋檐之下的一种表达方式,也是可以的,代码量可以加大,只是属于个人作品的一种表达方式,不是属于团队的开发之一。

<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>

使用上面的一种文档的方式,也是在企业中要用到的,不过CSS可能是用专人员来写,代码可以很长,也可以很细。

然后开发人员,可以直接使用的一种方式,团员开发的重点之重。

以上的三中方式,可能并不只是体现在差异性方面,更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写;专业开发可能不必要文档;团队开发可能用文档比较专业一些,工作可能会更简单一些。

三种表达方式的总结说明:

空间表达:

内嵌

分层

外嵌

职业表达:

个人

私人

团队

分工表达:

简单

中等

难度