引用不了css样式
1个回答
展开全部
CSS样式引用方法
CSS是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Cascading Style Sheets(层叠样式表)的简称。在标准网页设计中,CSS负责网页内容(XHTML)的表现,跟Div(或Table)组织的页面结构一起实现一个完整的网页布局。通过对CSS标记语言的学习,可以轻松地实现页面的丰富表现。CSS的运用其实就是一个把素描点缀成油画的过程。
在样式调用过程中,最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
四种解决方法分别是:
1,内联定义 (Inline Styles) ;
2,定义内部样式块对象 (Embedding a Style Block) ;
3,链入外部样式表文件 (Linking to a Style Sheet)
4、联合使用样式表(@import 导入函数)。
1,内联定义 (Inline Styles)
内联定义也就是在对象的标记内直接使用style属性定义样式,是最简单的样式调用方法,可灵巧地把样式应用到各标签对象中,使用简单、显示直观。但无法完全发挥出样式表“表现与内容分离”的优势,所以在设计过程中并不常用。
举个简单的例子说明:对于同样的P标签属性应用不同的样式
显示为红色12像素的字体
显示为蓝色12像素的字体
如果要修改颜色的话就要分别修改了。可能你会说只有两个,分别修改也花不了多少时间的。那么对于大型的网站来说,无数的P标签还能挨个去手动修改吗?
总结:此方法适用于某个词句的属性
2,定义内部样式块对象 (Embedding a Style Block)
即在HTML文档的
和标记之间插入一个块对象。
head>
style type=”text/css”>
!– 样式表的具体内容 –>
/style>
/head>
style的type属性设置为”text/css”,是允许不支持这类型的浏览器忽略样式表单,帮助这类浏览器过滤掉CSS代码,避免在浏览器里直接以源代码的方式显示这个样式表。
总结:此方法适用于修改某个页面的属性
3,链入外部样式表文件 (Linking to a Style Sheet)
首先,要建立单独的外部样式表文件(后缀名为.css),然后也是在HTML文档的
和标记之间插入link对象,格式如下:
head>
link rel=”stylesheet” href=”*.css” type=”text/css” >
/head>
总结:此方法适用于整个的属性,我就用这个方法。嘿嘿
4、联合使用样式表(@import 导入函数)
使用@import联合样式表的方法和链接外部样式表的方法一致,也是在HTML文档的
和标记之间插入;但这种方式可以在链接外部样式表的同时,针对该网页的具体情况,做出别的网页不需要的样式规则,更有优势。格式如下:
head>
style type=”text/css”>
< !–
@import “*.css”
其他样式表的声明
–>
/style>
/head>
需要注意的是:
·联合法输入样式表必须以@import开头,结尾”;”结束;
·如果同时输入的多个样式表产生冲突时,则按照第一个输入的样式表有效处理;
·如果输入的样式表和网页中的样式(内联定义)规则产生冲突时,则使用外部的样式表。
CSS是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Cascading Style Sheets(层叠样式表)的简称。在标准网页设计中,CSS负责网页内容(XHTML)的表现,跟Div(或Table)组织的页面结构一起实现一个完整的网页布局。通过对CSS标记语言的学习,可以轻松地实现页面的丰富表现。CSS的运用其实就是一个把素描点缀成油画的过程。
在样式调用过程中,最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
四种解决方法分别是:
1,内联定义 (Inline Styles) ;
2,定义内部样式块对象 (Embedding a Style Block) ;
3,链入外部样式表文件 (Linking to a Style Sheet)
4、联合使用样式表(@import 导入函数)。
1,内联定义 (Inline Styles)
内联定义也就是在对象的标记内直接使用style属性定义样式,是最简单的样式调用方法,可灵巧地把样式应用到各标签对象中,使用简单、显示直观。但无法完全发挥出样式表“表现与内容分离”的优势,所以在设计过程中并不常用。
举个简单的例子说明:对于同样的P标签属性应用不同的样式
显示为红色12像素的字体
显示为蓝色12像素的字体
如果要修改颜色的话就要分别修改了。可能你会说只有两个,分别修改也花不了多少时间的。那么对于大型的网站来说,无数的P标签还能挨个去手动修改吗?
总结:此方法适用于某个词句的属性
2,定义内部样式块对象 (Embedding a Style Block)
即在HTML文档的
和标记之间插入一个块对象。
head>
style type=”text/css”>
!– 样式表的具体内容 –>
/style>
/head>
style的type属性设置为”text/css”,是允许不支持这类型的浏览器忽略样式表单,帮助这类浏览器过滤掉CSS代码,避免在浏览器里直接以源代码的方式显示这个样式表。
总结:此方法适用于修改某个页面的属性
3,链入外部样式表文件 (Linking to a Style Sheet)
首先,要建立单独的外部样式表文件(后缀名为.css),然后也是在HTML文档的
和标记之间插入link对象,格式如下:
head>
link rel=”stylesheet” href=”*.css” type=”text/css” >
/head>
总结:此方法适用于整个的属性,我就用这个方法。嘿嘿
4、联合使用样式表(@import 导入函数)
使用@import联合样式表的方法和链接外部样式表的方法一致,也是在HTML文档的
和标记之间插入;但这种方式可以在链接外部样式表的同时,针对该网页的具体情况,做出别的网页不需要的样式规则,更有优势。格式如下:
head>
style type=”text/css”>
< !–
@import “*.css”
其他样式表的声明
–>
/style>
/head>
需要注意的是:
·联合法输入样式表必须以@import开头,结尾”;”结束;
·如果同时输入的多个样式表产生冲突时,则按照第一个输入的样式表有效处理;
·如果输入的样式表和网页中的样式(内联定义)规则产生冲突时,则使用外部的样式表。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询