什么是CSS样式,怎样定义和使用它?

2024-05-06 00:19

1. 什么是CSS样式,怎样定义和使用它?

Vue实践-CSS样式position/display/float属性对比使用

什么是CSS样式,怎样定义和使用它?

2. 什么是CSS样式?

分类:  电脑/网络 
   问题描述: 
  
 在网页制作里 什么是CSS样式 CSS是什么意思 ?
 
   解析: 
  
 CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,我把它叫作“层叠样式表”,我感到这样顺口一 
 
 点,没别的意思。实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Inter Explorer还是 
 
 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。不管你用什么工 
 
  
 
 具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,为什么同样内容的网页,有的人做出来有 
 
 几十KB,而高手做出来只有十几KB,CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小经验以及一些网友来信 
 
 提问的问题整理出来,供诸位参考。 
 
 1、CSS在网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法? 
 
 当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页 
 
 中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。 
 
 2、CSS的三种用法在一个网页中要以混用吗? 
 
 三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处 
 
 理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行 
 
 了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方 
 
 式、外连文件方式。 
 
 3、在Dreamweaver3中如何使外部文件式CSS? 
 
 在Dreamweaver3中使用外连文件式CSS并没有特殊要求,同样是用记事本创建一个*.css文件,在网页的与 
 
 之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地址(相对路径+文件 
 
 名)" type=text/css> 就行了。 
 
 4、如何用Dreamweaver3快速创建CSS外连式文件? 
 
 对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于 
 
 Dreamweaver3对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作: 
 
 1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定 
 
 义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改; 
 
 2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在与之间的那段定义好的CSS复制 
 
 到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧? 
 
 5、在Dreamweaver3中采用行内插入式CSS要手动写代码吗? 
 
 不用!先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:class="page_speeder_800630679",再把你刚才定义的CSS从 
 
 后面拖到这个双引号中来,把花括号以外的部分删去就行了。 
 
 6、在方档头部方式和外连文件方式的CSS中都有“”,好象没什么用,不要可以吗? 
 
 这一对东东的作用是为了不引起低版本浏览器的错误。如果某个执行此页面的浏览器不支持CSS,它将忽略其中的内 
 
 容。虽然现在使用不支持CSS浏览器的人已很少了,由于互联网上几乎什么可能都会发生,所以还是留着为妙。 
 
 7、如何给一部分文字加背景色? 
 
 给文字加上不同颜色,在DW3中只要在属性面板上选取文字的颜色就行了,非常方便,但要给部分文字加不同的背景色 
 
 却没有相应的功能,我们可以先做一个定义背景色的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个定义淡黄色 
 
 背景的CSS是这样的: 
 
  
 
 <!-- 
 
 .bgstyle { background: #FFFFCC} 
 
 --> 
 
  
 
 在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。 
 
 8、如何给部分文字加背景图像? 
 
 与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的: 
 
  
 
 <!-- 
 
 .imgbgstyle { background-image: url(/logo.gif)} 
 
 --> 
 
  
 
 在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。 
 
 9、如何使页面的背景在文字“滚动”时背景图案静止不动? 
 
 要使背景图案不随文字“滚动”的CSS是这样的: 
 
  
 
 <!-- 
 
 BODY { background: purple url(/bg.jpg); 
 
 background-repeat:repeat-y; 
 
 background-attachment:fixed 
 
 } 
 
 --> 
 
  
 
 10、如何定义字间距? 
 
 在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“letter spaceing”属性定义的就 
 
 是字间距,它指的是每一个字符之间的额外间距,经长度为单位,正负值均可,当取负值时产生字符挤在一起的效果。下 
 
 面代码是一个定义好的字间距CSS例子: 
 
  
 
 <!-- 
 
 .style1 { letter-spacing: 3px} 
 
 --> 
 
  
 
 11、如何给文字加上划线、下划线、删除线和闪烁? 
 
 在DW3中CSS的属性定义对话框(style Definition for .style1)的“Type”上的“decoration”属性定义的就是这些 
 
 内容,要注意的是闪烁属性有些版本的浏览器不支持,少用为好。下面是一个定义好上述效果的CSS例子: 
 
  
 
 <!-- 
 
 .style1 { text-decoration: underline overline line-through blink} 
 
 --> 
 
  
 
 其中: “underline”是定义下划线;“overline ”是定义上划线;“ line-through”定义的是删除线;“blink” 
 
 定义的是文字闪烁。 
 
 12、如何使网页具有“首行缩进”功能? 
 
 由于DW3输入空格不方便,利用“首行缩进”将弥补这个不足。在DW3中CSS的属性定义对话框(style Definition 
 
 for .style1)的“Block”上的“text-indent”属性定义的就是“首行缩进”,所谓“首行”是指每段内容的第一行,也 
 
 就是直接按回车键就形成了一个新的段落。缩进最好以“em”(字符)为单位,比如:汉字编排要求每段开始缩进两个汉 
 
 字,设置好的CSS如下所示: 
 
  
 
 <!-- 
 
 .style1 { text-indent: 2em} 
 
 --> 
 
  
 
 在DW3要注意:在DW3中CSS的属性定义对话框(style Definition for .style1)的“Block”上的“text-indent”右 
 
 面的缩进单位选择框中“ems”指的就是“em”。 
 
 13、在用表格进行排版时,能使某一方向上的内容离开表格线一点吗? 
 
 可以!在DW3中CSS的属性定义对话框(style Definition for .style1)的“Box”上的“margin”定义的就是内容离 
 
 开边缘的距离,分别可定义四个方向:“top”“bottom”“left”“right”。下面就是定义在左边离开“10px”的CSS例 
 
 子代码: 
 
  
 
 <!-- 
 
 .style1 { margin: 0px 0px 0px 10px} 
 
 --> 
 
  
 
 14、能给某部分内容加边框吗? 
 
 用CSS可以给某部分内容加边框,在DW3中CSS的属性定义对话框(style Definition for .style1)的“Border”定义 
 
 的就是边框线,“top”“bottom”“left”“right”四边可分别定义线的粗细和颜色,这些定义好后不要忘记在下面的 
 
 “style”中定义线型,否则将看不边框线,因为默认的线型是“none”。下面是一个定义了上边框为:蓝色细线;左边框 
 
 为:绿色中粗线的CSS例子: 
 
  
 
 <!-- 
 
 .style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00} 
 
 -->

3. 使用CSS定义样式的优点是什么?

CSS优点和缺点
优点:
1,CSS对于设计者来说是一种简单、灵活、易学的工具,能使任何浏览器都听从指令,知道该如何显示元素及其内容
2,个样式表可以用于多个页面,甚至整个站点,因此具有更好的易用性和扩展性
3,使用CSS样式表定义整个站点,可以大大简化网站建设,减少设计者的工作量
缺点:
浏览器支持的不一致性
2.CSS没有父层选择器
3.不能明确地指定继承性
4.垂直控制的局限 
5.显示的缺乏
6.缺乏正交性

使用CSS定义样式的优点是什么?

4. css样式的定义有哪些方法

  定义CSS样式 (三种方式)
 
一、在head标签中加载一个CSS文件示例 
此例使用了link标签。
abbr { font-size:12px;}.text10pxwhite { font-size:10px; color: #FFFFFF;}
style.css的内容
二、直接把CSS内容写在HTML文件的head标签中示例  abbr { font-size: 12px; } .text10pxwhite { font-size: 10px; color: #FFFFFF; } 
此例使用了style标签。

两种方法是殊途同归的(但是推荐使用第一种方法).
三、使用style属性对标签加载样式示例使用css
此例使用了标签的style属性。
 
  外部样式表
  当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
  



  内部样式表
  当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过  标签定义内部样式表。
  

body {background-color: red}
p {margin-left: 20px}



  内联样式
  当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。
  
This is a paragraph

5. css样式是什么

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 
只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 
它的作用可以达到: 
(1)在几乎所有的浏览器上都可以使用。 
(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。 
(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 
(4)你可以轻松地控制页面的布局 。 
(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。 
想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。
很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。 
说实话,CSS就是为了简化这样的工作诞生的,当然其功能决非这么简单。 
CSS是通过对页面结构的风格控制的思想,控制整个页面的风格的。 
式样单放在页面中,通过浏览器的解释执行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易。生殖对一些非常老的浏览器,页不会产生页面混乱的现象。

css样式是什么

6. CSS的样式有哪些?

什么是CSS样式
层叠样式表(CascadingStyleSheet,CSS)是一系列样式或格式规格的集合,用于控制网页样式并允许将样式与网页内容分离的一种标记性语言。它是W3C组织用于改善HTML在显示网页方面的缺陷。虽然HTML在发布时已经制定了各种网页样式标签和各种页面修饰属性,但是随着网页容纳的信息越来越多,这种把信息显示内容与信息显示样式混在一起的方法,已经无法满足人们对网络信息的快速搜索需求,更不能适应大数据时代的展示数据的要求。
CSS的每一个样式表都是由相对应的样式规则组成的,使用HTML中的标签可以将样式表规则加入到HTML。标签位于HTML的head部分,其中也包含网页的样式规划,如图1所示。CSS语句可以内嵌在HTML中,所以编写CSS样式规则和编写HTML的方法相同。CSS语言不需要编译,也不需要特殊处理。用户只要把它们放在标签之间或者编写为一个单独的文件,然后将文件的扩展名保存为.css,利用标签链接或者导入到网页中即可。
CSS样式的优势
使用CSS样式可以对多个文档的样式进行控制,当CSS样式更新后,所有应用该CSS样式的页面都会自动更新。CSS样式可以页面元素进行定位、特殊效果和超链接效果等独特的HTML属性,可以充分地弥补HTML的不足,简化网页的源代码,避免重复劳动,减轻工作量。CSS具有以下优势:
CSS符合Web标准。W3C组织推荐CSS技术将替代HTML的表格标签、标签、标签以及其他用于表现的HTLM元素。
提高页面的浏览速度。使用CSS样式比传统的Web设计方法至少节约50%以上的文件大小。
缩短网站改版周期。只需要修改相应CSS文件就可以重新设计一个有成百上千页面的站点。
强大的字体控制和排版能力。Font标签对于字体控制能力远没有CSS对于字体的控制能力强,使用CSS样式后不需要在使用font标签来控制文章标题、字体颜色以及字体样式等。
CSS易于编写。Dreamweaver提供了CSS编写辅助工具。
CSS具有良好的兼容性。只要浏览器能够识别CSS样式都可以很好的应用它。
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,让多个网页文件共同使用它,省去在每一个网页文件中都要重复设定样式的麻烦。
CSS样式基本语法
CSS的语法结构由3部分构成:选择器、属性和值。
选择器{样式属性:取值;样式属性:取值;样式属性:取值;……}选择器(Selector)通常是指用户希望定义的HTML元素或标签,如body、h1;也可以是自定义的id或class的标签,如#main选择器表示选择,即一个被指定了main为id的对象。浏览器将对CSS选择器进行严格的解析,每一组样式均会被浏览器应用到对应的对象上。
属性(Property)是用户希望改变的属性,并且每个属性都有一个值。对于每一个HTML中的标签,CSS都提供了丰富的样式属性,如颜色、大小、位置以及浮动方式等。
值(Value)指属性的值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration)。属性值有两种形式:一种是指定范围的值,如float属性的取值为left、right和none;另一种为数值,如height属性取值为0~9999px或者通过其他数学单位来指定。
例如,定义一个网页字体大小为12像素、加粗,段落首行缩进2字符,则可以设置样式如下:无标题文档层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
浏览器通过解析属性包含的内容,将CSS样式应用到页面上,如图2所示。多个样式可以并列在一起写,不需要考虑如何进行分隔。例如,定义一个段落文本的背景色为紫色,则可以在上面样式的基础上进行增加样式:
Body{font-size:12px;font-weight:bold;text-indent:2em;}p{backgroundcolor:#FF00FF;}由于CSS语言自动忽略空格(除了选择器内部的空格),因此可以利用空格和换行符来美化CSS样式源代码,上面的代码可以进行如下美化:
Body{font-size:12px;font-weight:bold;text-indent:2em;}p{background-color:#FF00FF;}经过美化的CSS源代码看上去一目了然,既方便阅读,也便于修改。
CSS源代码有时候需要通过一些注释来标注,CSS代码表示什么意思。在HTML中注释标记使用“”,CSS中注释标记使用“/*注释内容*/”。例如,可以对上面的代码进行注释:
Body{/*页面的基本属性*/font-size:12px;font-weight:bold;text-indent:2em;}/*设置段落的背景颜色为紫色*/p{background-color:#FF00FF;}添加CSS的方法
在HTML中添加CSS的方法主要有4种,分别为链接内嵌样式、内部样式表、链接外部样式表和导入外部样式表。
1.内嵌样式表
内嵌样式表是混合在HTML标记里使用的,该方法可以很简单地对某个元素单独定义样式,主要是在body内实现。
内嵌样式表的使用是直接在HTML标记里加入style参数,而style参数的内容就是CSS的属性和值,在style引号里的内容相当于在样式表的大括号里的内容,其格式如下:
字体大小为12px,颜色为红色当浏览器解析到这些标签时,检测到该标签中包含style属性,就会调用CSS引擎来解析style属性,并把效果展现到页面上。
该方法与传统网页设计在标签内增加属性的设计方法相同,该方法实际并没有满足W3C提出的将HTML结构与CSS表现剥离来进行设计,因此在网页设计中不建议使用该方法,除非为页面中个别元素设置某个特定样式效果而单独定义。
2.内部样式表
内部样式表与内嵌样式表的相似之处在于,都将CSS样式编写到页面中。而不同的是,内部样式表可以统一放置在一个固定的位置,其格式如下:
内部样式表通常位于网页的头部区域,目的是让CSS源代码在页面加载前先被解析执行,这样可以避免当网页加载完成后,没有CSS样式渲染而使的页面信息无法正常显示。3.链接外部样式表链接外部样式表是在CSS中最常用的一种形式,它将CSS样式代码单独编写到一个独立的文件中,由网页进行调用,多个网页可以同时使用同一个样式文件,其格式如下:
其中,href属性设置外部样式表文件的地址,该地址可以是相对地址,也可以是绝对地址;rel属性定义该标签关联的是样式表标签;type属性定义文档的类型,即CSS文本文件。
网站通常采用链接外部样式表来设计网站的表现层,能够实现CSS样式与HTML结构的分离,这种分离原则是W3C所提倡的,因为这样可以高效地管理文档结构和样式表文件,实现代码的优化和重用。
4.导入外部样式表导入外部样式表是指在内部样式表的标签内使用@import关键字导入外部样式表文件,格式如下:
在@import关键字后面,使用url()函数来把外部样式表文件导入。注意使用时,外部样式表的路径、方法和链接外部样式表的方法类似,但导入外部样式表输入方式更有优势。实质上它是相当于存在内部样式表中的。
7.2CSS基本选择器
选择器决定样式规则作用于哪些元素。例如,如果要对table元素添加边框为实线、线宽1像素、蓝色的边框,则需要创建一个只识别table元素而不影响其他元素的选择器。如果要对每个区域中的table设置特殊格式,就需要创建一个稍微复杂一些的选择器,它只识别指定区域中的table元素。
7.2.1标签选择器
HTML文档都是由很多标签通过一定的规则编织而成的,我们也可以把这些标签称为网页元素。标签选择器使用网页元素定义样式。
例如,声明p元素首行缩进2字符,字体颜色为红色;所有h1字号为15px、加粗,代码如下:
其中,p和h1都是HTML特定的标签名称,直接引用即可。
注意:*号为通配符匹配页面中的所有元素名称。上面的代码设置每个元素的内外边距为0px。由于每个元素都有系统默认的内外边距值,且在不同的浏览器中显示的效果也不同,因此在设置网页样式之初使用通配符*将所有元素默认的内外边距去掉是常见做法。
7.2.2类别选择器
使用标签选择符可以方便地对标签进行样式设置,同时标签选择符也存在较多问题。因为标签选择符对标签所做的定义不单单影响所选择的标签元素,而是对整个页面中所有相同标签都会起作用。如果需要对同一个标签在网页中的不同位置显示不同的样式,使用这种方法定义的样式就存在很多不足。对于这个问题可以使用类选择器来解决。
类(Class)选择符就是为了不同元素拥有相同的显示样式而定义的。例如,在下面这个页面中包含三段文本,通过标签选择器将所有段落文本大小定义为13px,首行缩进2字符,字体颜色为蓝色。
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。
CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
如果现在要求把第一段字体大小改为20px,字体加粗,这时就可以使用类选择符。定义格式如下:
.fontbold{font-size:20px;font-weight:bold;}层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。

CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

在浏览器中预览,显示效果如图3所示,可以看到第一段字体被单独放大并加粗。类选择符可以精确地控制页面中某个具体元素对象,而不管这个对象是属于什么类型的标签,同时一个类样式可以在多个标签中被引用。
在自定义类名时,只能够使用字母、数字、下划线(_)和连接符号(-),类名必须以字母开头,否则无效。另外,类名是区分大小写的,所以类fontbold和类Fontbold是完全不同的两个类。
7.2.3ID选择器
ID是英文Identity的缩写,它表示身份标识号码,在网络上一般指用户账号,但是在Web设计中一般指标签在HTML文档中的唯一编号。从这点来看,ID选择器只能够在HTML页面中用一次,它是与标签选择符和类选择符作用范围相反的一个选择符。ID选择符通常被来定义HTML框架结构的布局效果,因为HTML框架元素的ID值都是唯一的。
ID选择符必须以井号(#)前缀开始,然后是一个自定义的ID名,定义格式如下:
#box{width:600px;height:auto;}例如,下面实例定义一个盒子,为该盒子指定宽度和高度,并设置盒子的背景颜色以及边框和内边距大小,显示效果如图4所示。7.3复合选择器如果仅仅掌握了标签选择符、类选择符和ID选择符还远远不够,对于网页设计者来讲还应该掌握高级选择符的使用,如子选择符、相邻选择符和属性选择符。
利用标签选择符和类选择符可以控制网页中众多对象的样式;而利用ID选择符、子选择符和相邻选择符可以精确控制页面中的特定对象样式;使用属性选择符可以更敏捷、更模糊地控制页面中包含不同属性的对象样式。
7.3.1子选择符
子选择符就是指定父元素所包含的子元素的样式。子选择符使用尖角号(>)来表示,定义格式如下:
div>span{font-size:20px;}其中,div为span元素的父元素,通过子选择符连接。
例如,定义span元素的字体大小为10px,再利用子选择符来定义所有div元素包含的子元素span样式字体大小为20px,显示效果如图5所示。
CSS基础入门层叠样式表是一种用来表现HTML(标准通用标记语7.3.2相邻选择器
相邻选择符就是指定一个元素相邻的下一个元素的样式。相邻选择符使用加号(+)来表示,格式如下:
div+span{font-size:20px;}其中,div+span表示div元素与span元素相邻。例如,利用相邻选择符递进控制并列显示的几个元素的显示样式。h1+div表示标题元素h1后面相邻的div元素样式,div+p表示div元素后面相邻的元素p的样式,p+div表示p元素后面相邻的div元素的样式,而div+div表示div元素后面相邻的div元素的样式。效果如图6所示。
图1

图2

图4

图5

图6

7. 谁能简单说明以下CSS样式的意思??

body是HTML里的一个标签,通常写作:这个样式的意思就是给body以及body之下的所有样式定义,也就是说如果body下的其他标签比如:div, p什么的如果不专门定义一下的话,那么他们就会继承body定义的样式来显示。
那么具体说一下所有样式的意思:
font-family: “宋体”,”黑体”;这个的意思是说定义页面上显示文字的字体,如果宋体不识别的话,那么就显示黑体。
font-size:0.75em;这个是设置字体的大小,EM是字体大小的单位,简单理解一下的话EM就相当于百分比。
color:red;color是字体的颜色,这里是把字体颜色指定为红色。
font-weight:bold;是定义是否加粗,bold是指粗体,这样的话文字会加粗显示。
text-decoration:underline;是定义文字样式为下划线,underline是下划线的意思。text-decoration还有其他的样式选择,都是比较简单的英文,可以直接看懂。
line-height:1.5em;这个是定义文字的行间距,这个也可以写做150%,他们的效果是一样的,通常来说默认最规范的文字行间距就是150%,也可以根据自己的需求定义成其他比如20px这样带单位的高度。
letter-spacing:5px;这个是指文字横向之间的距离,5PX就是说两个文字之间的距离为5像素。

写了这么多,要给分啊!

谁能简单说明以下CSS样式的意思??

8. css样式起什么作用?

css(casecating style sheet)
也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:
1.结构与样式分离的方式,便于后期维护与改版;
2.样式定义精确到像素的级别;
3.可以用多套样式,使网页有任意样式切换的效果(如:WWW.YOUKU.COM的开,关灯效果)
4.降低服务器的成本
等,当然还有很多高级的特点,等你真正的了解并使用这个语言之后你自然会理解了.

用于布局网页,使用方便,容易维护,