• 所有问题

    • 什么是CSS？

    如题！

    举报该问题
    推荐答案   2013-12-01
    CSS
    释义<一>

    CSS(Cascading Style Sheets)，即层叠样式表，与HTML超文本标记语言配合以定义网页表现的样式语言。

    历史

    当初一帮技术人员想出HTML，主要侧重于定义内容，比如<p>表示一个段落，<h1>表示标题，而并没有过多设计HTML的排版和界面效果。

    随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。

    CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。

    CSS与网页的链接方法

    内嵌样式(Inline Style)
    内部样式表(Internal Style Sheet)
    外部样式表(External Style Sheet)

    内嵌样式(Inline Style)
    Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。

    <P style="font-size:20pt; color:red">这个Style定义<p></p>里面的文字是20pt字体，字体颜色是红色。</p>
    显示示例

    内部样式表(Internal Style Sheet)
    内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。

    <HTML>
    <HEAD>
    <STYLE type="text/css">
    H1.mylayout {border-width:1; border:solid; text-align:center; color:red}
    </STYLE>
    </HEAD>
    <BODY>
    <H1 class="mylayout"> 这个标题使用了Style。</H1>
    <H1>这个标题没有使用Style。</H1>
    </BODY>
    </HTML>
    显示示例

    内部样式表(Internal Sytle Sheet)要用到Style这个Tag，写法如下：

    <STYLE type="text/css">
    ......
    </STYLE>
    外部样式表(External Style Sheet)
    如果很多网页需要用到同样的样式(Styles)，用什么方法呢？

    将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

    比如可以用文本编辑器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容如下：

    H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
    然后你建立一个网页，代码如下：

    <HTML>
    <HEAD>
    <link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
    </HEAD>
    <BODY>
    <H1 class="mylayout"> 这个标题使用了Style。</H1>
    <H1>这个标题没有使用Style。</H1>
    </BODY>
    </HTML>
    显示示例

    使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：

    样式代码可以复用。一个外部CSS文件，可以被很多网页共用。
    便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。
    提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。

    解决css文件过大的问题

    如果页面内容过多，css文件会很大，同样会造成很多不便，那么我们该如何解决这个问题呢？我们可以对每个细节进行css设计，比如对于字体的设置我们可以存入font.css文件，对边界等的设定我们可以存入lay.css文件，对其他一些版式的规定可以存入other.css文件，然后我们建立一个main.css文件，然后在里边写入如下代码：

    @import url(font.css);
    @import url(lay.css);
    @import url(other.css);

    然后只需要在html文件里添上main.css的链接即可，这样子一方面减小了css文件的容量，另一方面似乎也更方便管理，特别是对大型网站。

    串联(Cascading)
    CSS第一个字母，是Cascading，意为串联。它是指不同来源的样式(Styles)可以合在一起，形成一种样式。

    Cascading的顺序是：

    浏览器缺省(browser default)(优先级最低)
    外部样式表(Extenal Style Sheet)
    内部样式表(Internal Style Sheet)
    内嵌样式表(Inline Style)(优先级最高)
    样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。假设内嵌(Inline)样式中有font-size:30pt, 而内部(Internal)样式中有font-size:12pt，那么内嵌(Inline)式样式就会覆盖内部(Internal)样式。
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2013-12-01
    CSS之入门篇——推荐新手
    关于CSS样式表

    一.在学习css之前你应该掌握哪些基础知识

    1.什么是网页，什么是超文本语言（html）。
    2.会使用Dreamweaver等常用的网页编辑器。

    Dreamweaver是现今最好的网站编辑工具之一，而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS，用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver8在页面中加入CSS，你不用死记硬背的记代码标记，也不用去看很厚的CSS手册，你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。因此，本教程的前面4章为CSS理论知识，主要是对CSS的全面介绍，希望读者看后对CSS的语法、结构、应用有一个全面的了解；后面4章为DW实战，主要是教你如何利用Dreamweaver8灵活运用CSS在网页中。阅读此文前，你需要对HTML有一定的了解，并会使用Dreamweaver。

    二.认识CSS

    CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术。

    网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。

    注意：CSS需要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的浏览器支持，有些效果需要更高版本的浏览器支持。

    三.怎样使用CSS

    如果你使用的是Dreamweaver MX 2004以上的版本，在定义文字字体、颜色、大小等属性的时候，查看一下代码你会发现有这样的一部分在head区域：

    <style type="text/css">
    <!--
    .STYLE2 {
    font-size: 16pt;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    color: #FF3300;
    }
    -->
    </style>

    那么恭喜你，你已经使用了CSS设计网页。
    那么除了这种调用CSS的方法外，还有别的吗？回答是“当然有了”，下面是系统介绍

    标记加注法(in-line)：
    如果只有一个HTML标记需要设定样式，则可在该标记内，加上属性

    style=" "

    以个别修订样式。

    页面内嵌法：

    <style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>

    外部调用法：

    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

    双表法调用样式表：

    <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
    <style type="text/css" media="all">@import url( css/style01.css );</style>

    1. 基本语法

    CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。
    基本格式如下：

    selector {property: value}

    （选择符 {属性：值}）
    选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：

    body {color: black}

    选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。

    如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合：

    p {font-family: "sans serif"}

    （定义段落字体为sans serif）
    如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开：

    p {text-align: center; color: red}

    （段落居中排列；并且段落中的文字为红色）

    为了使你定义的样式表方便阅读，你可以采用分行的书写格式：

    p
    {
    text-align: center;
    color: black;
    font-family: arial
    }

    （段落排列居中，段落中文字为黑色，字体是arial）

    2. 选择符组

    你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义：

    h1, h2, h3, h4, h5, h6 { color: green }

    （这个组里包括所有的标题元素，每个标题元素的文字都为绿色）

    p, table{ font-size: 9pt }

    （段落和表格里的文字尺寸为9号字）

    效果完全等效于：

    p { font-size: 9pt }
    table { font-size: 9pt }

    3. 类选择符

    用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，一个段落居中，你可以先定义两个类：

    p.right {text-align: right}
    p.center {text-align: center}
    第2个回答  2013-12-01
    层叠样式表
    第3个回答  2019-06-10
    CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading
    Stylesheet）。
    在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
    只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的
    CSS:Cascading
    Style
    Sheet(层叠样式表、级联样式表)的缩写。
    w3c给予的说明是：它是一种简单的对于web文档增加样式（诸如：字体、颜色、间隔等）的机制（Cascading
    Style
    Sheets
    (CSS)
    is
    a
    simple
    mechanism
    for
    adding
    style
    (e.g.
    fonts,
    colors,
    spacing)
    to
    Web
    documents.
    ）。标准技术文档参见W3C的文档说明。
    本人认为样式表的作用就是web设计中文档设计与表现分离的需要。打个比方，整个web程序就像一个人，人有头、四肢等，这是人的基本构架，也是最基本的，没有这些，人就不能称之为人；同样web文档结构就是web程序中最基本的东东。那样式表就好像人的衣服，它是web文档的衣装，有了它，web网页才显现出千姿百态。有人要问了，那以前没有CSS说法时，web页面设计也是各式各样的啊。不错，但是注意那时文档结构和表现形式是没有分离的，就好比你的文身，刺在你的肉中（也许不是很恰当，人穿上衣服可以遮住的），没法和你分开了。文档结构和表现混和就不利于web程序的继承、再开发，因为每一次web重新设计就是一次新的项目开发了。所以我们要选择web文档结构和表现形式的分离，所以我们选择了CSS（当然，CSS主要是针对web程序的；还有XSL是针对所有的文档结构类型之间的相互转换，也更为通用了，XSL也可以用于web设计）。
    以上是官方答案
    假如把页面比喻做人,你可以把CSS理解成衣服风格,中式的,西式的,工作的,上学的,按照你的需要随时可以根据场合改变外观.
    相似回答
    css是什么意思答：css是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显...
    CSS是什么?和HTML有什么区别?答：一、css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。二、HTML和CSS的区别?1、定义不同：html是HyperTextMark-upLanguage的缩写，即超文本标记语言；css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制...
    CSS指的是什么答：CSS是Cascading Style Sheets(层叠样式表)的简称.CSS语言是一种标记语言,它不需要编译,可以直接由浏览器执行(属于浏览器解释型语言).在标准网页设计中CSS负责网页内容(XHTML)的表现.CSS文件也可以说是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀.可以通过简单的更改CSS文件,改变网页...
    css是什么答：CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。样式规则是可...
    1 . 什么是CSS?它的能做些什么?答：【答案】：CSS 就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。在主页制作时采用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控 制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的...
    什么是css答：参见《CSS 简介》。一、CSS是什么CSS，指的是Cascading Style Sheet（层叠样式表），是用来控制网页外观的一门技术。我们知道，前端最核心的3个技术是：HTML、CSS、JavaScript，三者的关系如下。HTML用于控制网页的结构，CSS用于控制网页的外观，JavaScript控制的是网页的行为。在互联网发展早期，网页都是用...
    css是什么意思?答：CSS，英文全称为Cascading Style Sheets，中文名称为级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。1、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。2、CSS具有以下特点：丰富的...
    css是什么?答：CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。样式规则是可...
    css是什么意思答：CSS是Cascading Style Sheets的简称，中文称为层叠样式表。使用过程中属性和属性值用冒号隔开，以分号结尾。本质上一种用来表现HTML或XML等文件样式的计算机语言，是可以做到网页和内容进行分离的样式语言。作用是：可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制；使页面的字体变得更...
    大家正在搜
    简述什么是CSS简述CSS基本含义简述css的定义css的含义是什么意思html页面属性在哪里如何创建css标签css的中文全称是什么意思css中文译名CSS中文称为
    相关问题
    什么是CSS？
    什么是CSS?
    什么叫CSS？
    CSS中的“>”是什么意思？
    什么叫css?它主要有什么作用
    什么是HTML与CSS？它们是用来干什么的？
    css中的*是什么意思？
    html css是什么？