css层叠样式表有几种导入方式?分别是什么?_百度知道
css层叠样式表有几种导入方式?分别是什么?
css层叠样式表有几种导入方式?分别是什么?
引用外部 CSS 文件、直接书写 CSS 样式块，元素行内定义样式
其他类似问题
为您推荐：
其他1条回答
里面有：DIV+CSS是WEB标准中一种新的布局方式，他正逐渐的代替传统的表格(table)布局。DIV+CSS模式具有比表格更大的优势，它结构与表现相分离，代码简洁，利于搜索，方便后期维护和修改。本课程主要讲解HTML和CSS的基础知识，详细并具体的方便初级用户入门，课程中还由浅入深的为大家现场讲解了CSs
?1.1 什么是CSS
1.2 课前准备
1.3 HTML&CSS
1.4 CSS规则解析
1.5 写1stCSS规则
1.6 嵌入式样式表
1.7 链接式样式表
1.8 引入式样式表
2.1 类别选择符 1
2.2 类别选择符 2
2.3 id选择符 1
2.4 id选择符 2
2.5 群选择符 1
2.6 群选择符 2
2.7 颜色 1
2.8 颜色 2
2.9 背景颜色
2.10 布局4属性
2.11 边框 1
2.12 边框 2
2.13 边界距
2.15 背景图片 1
2.16 背景图片 2
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁为了兼容FF IE6/7/8 还有360浏览器，div+css分别有不同写法。。。哪位高手能详细说明一下_百度知道
为了兼容FF IE6/7/8 还有360浏览器，div+css分别有不同写法。。。哪位高手能详细说明一下
就是专门有针对某一个浏览器设置的div+css。。。是要在网页中分别写吗
提问者采纳
/width，很简单;*IE6下宽度为105px*/*FF下宽度为100px*&#47：#youid{*IE7下宽度为110px*/
/9;*IE8下宽度为120px*&#47:100px!important方法也是对的;
/}还有些其他什么透明度啊之类的兼容问题你自己百度;_width:120px \
&#47:110px，兼容你掌握这个就基本上够用了，不过阅读上不爽:105px，上面那个;*width兄弟360就是ie的马甲
提问者评价
懂了。。谢谢
其他类似问题
为您推荐：
其他1条回答
所谓 CSS Hack，是指在 CSS 代码中嵌入诸如 *，*html
等代码，方便于独立控制某种浏览器的具体样式。比如有些 CSS Hack 只能被 IE6 或 IE7 识别，而 Firefox 等浏览器则不能识别。这样一来可以有效控制 CSS 在不同浏览器的表现，避免撰写多个 CSS 文件。
芒果在这里大致整理了常用 CSS Hack 的写法，帮助你更好地控制页面呈现：
IE 浏览器能识别 * 符号，但其他浏览器诸如 Firefox、Opera、Chrome 等不能识别 * 符号。
例：在 Firefox 和 IE 中呈现不同的文字颜色：
color:*color:
//在 Firefox 等非 IE 核心浏览器中，文字呈现红色；而 IE 中呈现蓝色。
2. !important
IE7 不但能识别 * 符号，还能识别 !important，而 IE6 只能识别前者。
例：在 IE6 和 IE7 中呈现不同的文字颜色...
360浏览器的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Java程序员从笨鸟到菜鸟之（十六）CSS基础积累总结（上）
Java程序员从笨鸟到菜鸟之（十六）CSS基础积累总结（上）
这是我以前写的《java程序员由笨鸟到菜鸟》系列博客，每天更新一篇。下面是系里博客的第十六篇——CSS基础积累总结（上）一：CSS的工作原理1.基本的CSS语法比方说，我们要用红色作为网页的背景色：用HTML的话，我们可以这样：
用CSS的话，我们可以这样获得同样的效果：
body {background-color: #FF0000;}上例也向你展示了基本的CSS模型：为HTML文档应用CSS，有三种方法可供选择。下面对这三种方法进行了概括。我们建议你对第三种方法（即外部样式表）予以关注。方法1：行内样式表（style属性）为HTML应用CSS的一种方法是使用HTML属性style。我们在上例的基础之上，通过行内样式表将页面背景设为红色：
方法2：内部样式表（style元素）为HTML应用CSS的另一种方法是采用HTML元素style。比如像这样：
方法3：外部样式表（引用一个样式表文件）我们推荐采用这种引用外部样式表的方法。外部样式表就是一个扩展名为css的文本文件。跟其他文件一样，你可以把样式表文件放在Web服务器上或者本地硬盘上。导入语法：
注意要在href属性里给出样式表文件的地址。这行代码必须被插入HTML代码的头部（header），即放在标签和标签之间。就像这样：
这个链接告诉浏览器：在显示该HTML文件时，应使用给出的CSS文件进行布局。这种方法的优越之处在于：多个HTML文档可以同时引用一个样式表。换句话说，可以用一个CSS文件来控制多个HTML文档的布局。这一方法可以令你省去许多工作。例如，假设你要修改某网站的所有网页（比方说有100个网页）的背景颜色，采用外部样式表可以避免你手工一一修改这100个HTML文档的工作。采用外部样式表，这样的修改只需几秒钟即可搞定——修改外部样式表文件里的代码即可。然后，把这两个文件放在同一目录下。记得在保存文件时使用正确的扩展名（分别为“htm”和“css”）。二：颜色与背景前台页面背景和颜色主要包括下面内容：· color· background-color· background-image· background-repeat· background-attachment· background-position· background前景色：‘color’属性CSS属性color用于指定元素的前景色。例如，假设你要让页面中的所有标题（headline）都显示为深红色，而这些标题采用的都是h1元素，那么可以用下面的代码来实现把h1元素的前景色设为红色。
color: #ff0000;
}CSS属性background-color用于指定元素的背景色。因为body元素包含了HTML文档的所有内容，所以，如果要改变整个页面的背景色的话，那么为body元素应用background-color属性就行了。你也可以为其他包含标题或文本的元素单独应用背景色。在下例中，我们为body和h1元素分别应用了不同的背景色。
background-color: #FFCC66;
color: #990000;
background-color: #FC9804;
}注意：我们为h1元素应用了两个CSS属性，它们之间以分号（“;”）分隔。CSS属性background-image用于设置背景图像。如果要把这个蝴蝶的图片作为网页的背景图像，只要在body元素上应用background-image属性、然后给出蝴蝶图片的存放位置就行了。
background-color: #FFCC66;
background-image: url('butterfly.gif');
color: #990000;
background-color: #FC9804;
}注意我们指定图片存放位置的方式：url('butterfly.gif')。这表明图片文件和样式表存放在同一目录下。你也可以引用存放在其他目录的图片，只需给出存放路径即可（比如url('../images/butterfly.gif')）；此外，你甚至可以通过给出图片的地址来引用因特网（Internet）上的图片（比如url('http://www.html.net/butterfly.gif')）。平铺背景图像[background-repeat]下表概括了background-repeat的四种不同取值。值描述示例background-repeat:repeat-x图像横向平铺显示示例background-repeat:repeat-y图像纵向平铺显示示例background-repeat:repeat图像横向和纵向都平铺显示示例background-repeat:no-repeat图像不平铺显示示例例如，为了避免平铺背景图像，代码应该这样：
background-image: url('butterfly.gif');
background-repeat: no- }固定背景图像[background-attachment]CSS属性background-attachment用于指定背景图像是固定在屏幕上的、还是随着它所在的元素而滚动的。一个固定的背景图像不会随着用户滚动页面而发生滚动（它是固定在屏幕上的），而一个非固定的背景图像会随着页面的滚动而滚动。下表概括了background-attachment的两种不同取值。你可以点击示例察看二者的区别。值描述示例background-attachment:scroll图像会跟随页面滚动——非固定的显示示例background-attachment:fixed图像是固定在屏幕上的显示示例例如，下面的代码将背景图像固定在屏幕上。
background-image: url('butterfly.gif');
background-repeat: no-
background-attachment:
}放置背景图像[background-position]缺省地，背景图像将被放在屏幕的左上角。但是，你可以通过CSS属性background-position来修改这一缺省设置，将背景图像摆放在屏幕上你觉得满意的地方。设置background-position属性的值有多种方式。不过，它们都是坐标的格式。举例来说，值“100px 200px”表示背景图像将被放置在位于距浏览器窗口左边100像素、顶部200像素处。坐标可以是以百分比或固定单位（比如像素、厘米等）作为单位的值，也可以是“top”、“bottom”、“center”、“left”和“right”这些值。下表给出了一些例子。值描述示例background-position:2cm 2cm图像被放置在页面内距左边2厘米、顶部2厘米的地方显示示例background-position:50% 25%图像被放置在页面内水平居中、离顶部四分之一处显示示例background-position:top right图像被放置在页面的右上角显示示例在下例中，背景图像被放置在页面的右下角：
background-image: url('butterfly.gif');
background-repeat: no-
background-attachment:
background-position:
}缩写[background]CSS属性background是上述所有与背景有关的属性的缩写用法。使用background属性可以减少属性的数目，因此令样式表更简短易读。比如说下面五行代码：
background-color: #FFCC66;
background-image: url('butterfly.gif');
background-repeat: no-
background-attachment:
background-position:
如果使用background属性的话，实现同样的效果只需一行代码即可搞定：
background: #FFCC66 url('butterfly.gif') no-repea各个值应按下列次序来写：[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]如果省略某个属性不写出来，那么将自动为它取缺省值。比如，如果去掉background-attachment和background-position的话：
background: #FFCC66 url('butterfly.gif') no-这两个未指定值的属性将被设置为缺省值：scroll和top left。三：字体CSS字体属性主要包括下面几个：font-family，font-style，font-variant，font-weight，font-size，font字体族[font-family]CSS属性font-family的作用是设置一组按优先级排序的字体列表，如果该列表中的第一个字体未在访问者计算机上安装，那么就尝试列表中的下一个字体，依此类推，直到列表中的某个字体是已安装的。有两种类型的名称可用于分类字体：字体族名称（family-name）和族类名称（generic family）。下面来解释这两个术语。字体族名称（就是我们通常所说的“字体”）的例子包括“Arial”、“Times New Roman”、“宋体”、“黑体”等等。一个族类是一组具有统一外观的字体族。sans-serif就是一例，它代表一组没有“脚”的字体。你在给出字体列表时，自然应把首选字体放在前面、把候选字体放在后面。建议你在列表的最后给出一个族类（generic family），这样，当没有一个指定字体可用时，页面至少可以采用一个相同族类的字体来显示。下面是一个按优先级排列的字体列表的例子：
h1 {font-family: arial, verdana, sans-}
h2 {font-family: 'Times New Roman',}h1标题将采用Arial字体显示。如果访问者的计算机未安装Arial，那么就使用Verdana字体。假如Verdana字体也没安装的话，那么将采用一个属于sans-serif族类的字体来显示这个h1标题。注意我们为“Times New Roman”采用的写法：因为其中包含空格，所以我们用引号将它括起来。字体样式[font-style]CSS属性font-style定义所选字体的显示样式：normal（正常）、italic（斜体）或oblique（倾斜）。在下例中，所有h2标题都将显示为斜体。
h2 {font-family: 'Times New Roman', font-style:}字体变化[font-variant]CSS属性font-variant的值可以是：normal（正常）或small-caps（小体大写字母）。small-caps字体是一种以小尺寸显示的大写字母来代替小写字母的字体。不太明白？我们来看几个例子：如果font-variant属性被设置为small-caps，而没有可用的支持小体大写字母的字体，那么浏览器多半会将文字显示为正常尺寸（而不是小尺寸）的大写字母。
h1 {font-variant: small-}
h2 {font-variant:}字体浓淡[font-weight]CSS属性font-weight指定字体显示的浓淡程度。其值可以是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）来衡量字体的浓淡。
p {font-family: arial, verdana, sans-}
td {font-family: arial, verdana, sans- font-weight:}字体大小[font-size]字体的大小用CSS属性font-size来设置。字体大小可通过多种不同单位（比如像素或百分比等）来设置。在本教程中，我们将关注于最常用和最合适的单位。比如：
h1 {font-size: 30}
h2 {font-size: 12}
h3 {font-size: 120%;}
p {font-size: 1}上面四种单位有着本质的区别。‘px’和‘pt’将字体设置为固定大小，而‘%’和‘em’允许页面浏览者自行调整字体的显示尺寸缩写[font]CSS属性font是上述各有关字体的CSS属性的缩写用法。比如说下面四行应用于p元素的代码：
font-style:
font-weight:
font-size: 30
font-family: arial, sans-
}如果用font属性的话，上述四行代码可简化为：
p {font: italic bold 30px arial, sans- }font属性的值应按以下次序书写：font-style | font-variant | font-weight | font-size | font-family四：文本文本主要包括下列CSS属性：text-indent.,text-align,text-decoration,letter-spacing.text-transform文本缩进[text-indent]CSS属性text-indent用于为段落设置首行缩进，以令其具有美观的格式。在下例中，我们为采用p元素的段落应用了30像素的首行缩进。
p {text-indent: 30}文本对齐[text-align]CSS属性text-align与HTML属性align的功能相同。该属性的值可以是：left（左对齐）、right（右对齐）或者center（居中）。除了上面三种选择以外，你还可以将该属性的值设为justify（两端对齐），即伸缩行中的文字以左右靠齐。报刊杂志经常采用这种布局。在下例中，标题（th）中的文字被设置为右对齐，而表中数据（td） 被设置为居中。正常的文本段落被设置为两端对齐。
th {text-align:}
td {text-align:}
p {text-align: }文本装饰[text-decoration]CSS属性text-decoration令我们可以为文本增添不同的“装饰”或“效果”。例如，你可以为文本增添下划线、删除线、上划线等等。在接下来的例子中，我们为h1标题增添了下划线，为h2标题增添了上划线，为h3标题增添了删除线。
h1 {text-decoration:}
h2 {text-decoration:}
h3 {text-decoration: line-}字符间距[letter-spacing]CSS属性letter-spacing用于设置文本的水平字间距。我们可以把期望的字间距宽度作为这个属性的值。例如，假如你希望p元素里的文本段落的字间距为3个像素，而h1标题的字间距为6个像素，代码可以这样写：
h1 {letter-spacing: 6 } p {letter-spacing: 3}文本转换[text-transform]CSS属性text-transform用于控制文本的大小写。无论字母本来的大小写，你可以通过该属性令它首字母大写（capitalize）、全部大写（uppercase）或者全部小写（lowercase）。比如，单词“headline”在展现给网页浏览者时，可以是“HEADLINE”或者“Headline”。text-transform属性有四个可选值：capitalize将每个单词的首字母转换为大写。uppercase所有字母都转换为大写。lowercase所有字母都转换为小写none不作任何转换——文本怎么写的就怎么显示。五：链接在前面讲到的属性也可以应用到链接上（比如修改颜色、字体、添加下划线等）。但不同的是，CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样，我们便可为网站增添奇特而有用的效果。你需要通过伪类（pseudo-class）来控制这些效果。伪类是什么？伪类（pseudo-class）令你可以在为HTML元素定义CSS属性的时候将条件和事件考虑在内。我们来看一个例子。正如你所知道的，在HTML里，链接是通过a元素来定义的。因此，在CSS里，我们可以将a作为一个选择器
a {color:}一个链接可以有不同的状态。例如，它可以是已访问过的，也可以是未访问过的。你可以通过伪类分别为访问过的链接和未访问过的链接设置不同的样式。a:link {color:}a:visited {color:}为未访问过的链接和已访问过的链接分别使用伪类a:link和a:visited。活动的链接对应的伪类为a:active，有鼠标悬停的链接对应的伪类为a:hover。伪类： active伪类:active用于活动的链接（即获得当前焦点的链接）。a:active {background-color: #FFFF00;}
伪类： hover用于有鼠标悬停的链接。如果你要当鼠标光标移到链接上时将链接显示为橙色斜体，那么CSS可以这样写：
a:hover {color:
font-style: }如何去掉链接的下划线是一个常见的问题。
a {text-decoration:}六：元素的分类与标识（class和id）1.用class对元素进行分类我们希望白葡萄酒的链接全部显示为黄色，红葡萄酒的链接全部显示为红色，其余的链接显示为缺省的兰色。为了实现这一要求，我们将链接分为两类。对链接的分类是通过为链接设置HTML属性class实现的。参加如下代码：
制造白葡萄酒的葡萄：
制造红葡萄酒的葡萄：
然后，我们就可以为白葡萄酒和红葡萄酒的链接分别应用不同的风格了。a {color:}a.whitewine {color: #FFBB00;}a.redwine {color: #800000; }如上例所示，你可以通过在样式表里利用.classname来为属于某一类的元素定义CSS属性。利用id标识元素除了可以对元素进行分类以外，你还可以标识单个元素。这是通过HTML属性id实现的。HTML属性id的特别之处在于，在同一HTML文档中不能有两个具有相同id值的元素。文档中的每个id值都必须是唯一的。在其他情况下，你应该使用class属性。下面，我们来看一个使用id属性的例子：第1章 ...第1.1节
...第1.2节假如我们要求第1.2节显示为红色，那么CSS可以这样写：
}如上例所示，你可以在样式表里通过#id为特定元素定义CSS属性。本文来自：曹胜欢博客专栏。转载请注明出处：http://blog.csdn.net/csh下一篇写：Java程序员从笨鸟到菜鸟之（十七）——CSS基础积累总结（下）
发表评论：
TA的最新馆藏欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> 赋予样式值在开发中，大家所说的给DIV或SPAN或P等标签赋予值，其实就是给DIV设置什么样的样式，或DIV内添加内容。
一、DIV盒子内添加内容
首先大家要明白DIV是一对有开始 有闭合的标签。
内容就放于&div&与&/div&中间。
1、完整HTML实例代码如下：
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&utf-8&&&无标题文档&&&&欢迎来到DIVCSS5！&&&
2、在DIV内放内容截图
div内放内容效果截图
二、DIV如何赋予CSS样式
给DIV赋值（赋予样式值）常见方法有两种
1、直接标签内使用样式（标签内设置样式）
在内直接使用style属性即可设置样式。
1-1：标签内实例代码如下：
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&utf-8&&&无标题文档&&&&&style=&color:#F00&欢迎来到DIVCSS5！&&&&
这里直接对div标签使用style属性设置为红色（#F00）
1-2:直接DIV设置赋予样式效果截图
直接标签设置CSS样式效果截图
2、标签外部设置样式
一般在标签内使用引人外部样式，给予DIV设置样式实现。这里我们使用为&divcss5&，。
2-1：完整+CSS代码：
&!DOCTYPE&html&&xmlns=&http://www.w3.org/1999/xhtml&&&&charset=&utf-8&&&无标题文档&&.divcss5{color:#F00}&&&&&&class=&divcss5&欢迎来到DIVCSS5！&&&&
这里直接在HTML中使用设置样式，当然也可以使用。
2-2：案例效果截图
DIV标签外部引人样式
三、推荐给DIV标签设置样式方法
在给予DIV赋予样式时，推荐使用外部样式方式设置CSS样式，这样以后维护起来只需修改CSS即可实现样式变化。特别网页多了最好使用，将装入CSS文件独立出来在HTML中使用引人外部CSS文件，修改CSS文件里的CSS可以实现全站对应网页CSS样式修改，方便易于操作。如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 15:14
原创：本文 DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT
学习与资源分享平台在html文档中引用css有几种方式?分别是什么?_百度知道
在html文档中引用css有几种方式?分别是什么?
一般来说只有3种：1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：&link href=&css/style.css& rel=&stylesheet& type=&text/哗畅糕堆蕹瞪革缺宫画css&&2.在Html头部用&style&&/style&包起来，在这里面编写样式：&style type=&text/css&&*{padding: 0;margin: 0}&/style&3.在标签里面直接编写行内样式。&div style=&color: #333&&&div&当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的
来自团队：
其他类似问题
为您推荐：
其他2条回答
内联，外联，嵌入
3种，行内，内部，外部
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁