大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以的,比如thinkphp用layout模板布局的话,公共样式放在layout的header里,其他特地文件的样式就是通过{__CONTENT__}引入到body里的,放在header比较规范点,引入在body里的css记得放在你的html前面,不然可能不会解析样式
创新互联主要从事网站建设、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务西湖,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
有三种方法可以在站点网页上使用样式表(CSS):
外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
其中,优先级:内联式 嵌入式 外联式
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 style 标签定义内部样式表。
head
style type="text/css"
body {background-color: red}
p {margin-left: 20px}/style
/head
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
p style="color: red; margin-left: 20px"
This is a paragraph
/p
有三种方法应用CSS
一、In-line 行内
行内样式是在html标签里直接使用style属性
p style="color: red"text/p
设定段落文字红色。
但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。
二、Internal 内部
使用于整个页面的植入内部样式在head标签里面,style标签包围样式。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
titleCSS Example/title
style type="text/css"
p {
color: red;
}
a {
color: blue;
}
/style
...
所有段落文字红色,链接蓝色。
像行内样式一样,你应该保持HTML和CSS分离,所以我们只剩下救星。
三、外部
外部样式使用在整个多样页面网站。它是一个独立的CSS文件,像下面一样:
p {
color: red;
}
a {
color: blue;
}
如果上面保存为“web.css”,HTML里面的链接就像下面:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
""
html
head
titleCSS Example/title
link rel="stylesheet" type="text/css" href="web.css" /
...
建议才有外部样式,这样更能实现表现与内容的分离。。。
link rel="stylesheet" type="text/css" href="web.css" /
导入的时候一定要确认路径是正确的。。。不然就算对了,也读不到啊。。你说是吧。。:)
当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。 1. 链入外部样式表 链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的区内,如下: ………… 上面这个例子表示浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”是指在页面中使用这个外部的样式表。type=”text/css”是指文件的类型是样式表文本。href=”mystyle.css”是文件所在的位置。media是选择媒体类型,这些媒体包括:屏幕,纸张,语音合成设备,盲文阅读设备等。 一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时,所有页面的样式都随之而改变。在制作大量相同样式页面的网站时,非常有用,不仅减少了重复的工作量,而且有利于以后的修改、编辑,浏览时也减少了重复下载代码。 样式表文件可以用任何文本编辑器(例如:记事本)打开并编辑,一般样式表文件扩展名为.css。内容是定义的样式表,不包含HTML标记,mystyle.css这个文件的内容如下: hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} /*定义水平线的颜色为土黄;段落左边的空白边距为20象素;页面的背景图片为images目录下的back40.gif文件*/ 2. 内部样式表 内部样式表是把样式表放到页面的区里,这些定义的样式就应用到页面中了,样式表是用 ………… 注意:有些低版本的浏览器不能识别style标记,这意味着低版本的浏览器会忽略style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生,我们用加HTML注释的方式()隐藏内容而不让它显示: ………… 3. 导入外部样式表 导入外部样式表是指在内部样式表的 ………… 例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。 注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面。 查看原帖
比如网页中一个p标签的样式是:p style="color:red;"/p
然后现在通过css控制页面就变成了:
p class="red"/p
然后在head标签中间写
style type="text/css"
.red{color:red;}
/style
当然也可以把放在head里的css放到一个css文件中,通过
link href="xx.css" rel="stylesheet" type="text/css" /引用