CSS是啥?和HTML有啥区别?

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS是啥?和HTML有啥区别?相关的知识，希望对你有一定的参考价值。

这两者有什么区别和什么联系吗？？CSS怎么使用（针对百度空间模板），本人比较菜哈！『不要长篇大论的回答，要通俗易懂的答案。』

一、css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对html语言功能的补充。

二、HTML和CSS的区别?

1、定义不同：

html是HyperTextMark-upLanguage的缩写，即超文本标记语言；

css是Cascading Style Sheets 的缩写,即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。

2、用途不同：

html则是用于文本内容，包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

css是多用于样式，主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。

3、CSS语法与HTML语法完全不同：

HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等，html代码语法范例：<div>内容</div>

CSS样式代码语法是div样式单词：值

三、HTML和CSS联系：

CSS与HTML相同之处在于，两个共同作用让网页实现需要的布局样式。

扩展资料：

1、标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头;而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

2、CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

参考资料：百度百科-HTML

百度百科-CSS

 参考技术A ypertext Markup Language,中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.
CSS语言是"Cascading Style Sheets"的缩写,中文翻译为"层叠式样式表单",它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。CSS语言是一个用于网页排版的标记性语言。 参考技术B 什么是CSS？？？？？

CSS是Cascading Style Sheets的缩写，我们中文称为「串联样式表」
CSS有甚麼好处？为甚麼要学呢？以下说明几点你就会发现使用CSS的好处：
□它能让我们更精确的控制网页版面的文字、背景、字型等...
□它能让我们只修正一个CSS文件，便可同时更新众多的网页版面外观及格式。
□它可以使html的文件内码更精简，缩小档案下载的速度。
□适用於各种作业平台。

CSS的标准语法
先来认识CSS的标准语法，例如：
H3,H5color : #999999 ; font-family : 宋体
「H3与H5」我们称之为"选择器"，意思是说透过这个样式，给「H3与H5」
标签定义color : #999999(文字灰色)。font-family : 宋体(字型为宋体)
也就是说网页里所有定义为「H3与H5」标签的文字，都会变成灰色、宋体。
定义多个标签相同属性「H3,H5」就是以「,」号分开
定义标签多个属性「color:#999999; font-family:宋体」就是以「;」号分开

什么是HTML？？？？？

HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.
也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord\记事本\写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.
HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化（例如，<p>开始一个新段落），其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。
关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。
基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。

标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。 参考技术C Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.
CSS语言是"Cascading Style Sheets "的缩写,中文翻译为"层叠式样式表单",它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制,使网页能够完全按照设计者的要求来显示。CSS语言是一个用于网页排版的标记性语言。 参考技术D CSS是层叠样式表的意思 就是 布局一个网页 让某些部分在哪出现 显示的颜色和效果 CSS就是建立在HTML基础上的 等于CSS就是为了美化HTML所不能做到的效果

CSS3 的 :root 伪类和 html 有啥区别？

【中文标题】CSS3 的 :root 伪类和 html 有啥区别？【英文标题】：What's the difference between CSS3's :root pseudo class and html?CSS3 的 :root 伪类和 html 有什么区别？ 【发布时间】：2013-03-31 17:54:04 【问题描述】：

我似乎找不到太多关于此的信息。

Smashing Magazine 似乎是在说html 和:root 是同一个东西，但肯定有一点区别吗？

【问题讨论】：

【参考方案1】：

对于 HTML 文档，没有区别 - 您的根元素是 &lt;html&gt; 标记，因此 html 和 :root 在语义上是等效的（除了特异性不同）。

但是，您不仅可以将 CSS 应用于 HTML，还可以将 CSS 应用于所有类似 XML 的文档。这就是:root 存在的原因——无论文档类型如何，都可以定位文档的根元素。大多数人对这种差异感到困惑，因为 CSS 的压倒性主要用例是样式化 HTML 文档。

示例： 您可以使用 CSS 设置 SVG 文档的样式。设置样式时，您的根元素将（显然;-)）不是html，而是svg。请参阅以下SVG tags 列表。

【讨论】：

【参考方案2】：

来自W3C wiki：

:root 伪类表示一个元素，它是文档的根。在 HTML 中，这始终是 HTML 元素。

CSS 是一种通用的样式语言。它可以与其他文档类型一起使用，不仅可以与 HTML 一起使用，还可以与 SVG 一起使用。

来自specification（强调我的）：

本规范定义了层叠样式表，第 2 级修订版 1 (CSS 2.1)。 CSS 2.1 是一种样式表语言，允许作者和用户将样式（例如字体和间距）附加到结构化文档（例如 HTML 文档和 XML 应用程序）。

【讨论】：

谢谢，不知道你可以用这样的 CSS 设置 SVG 样式。引用来源的接受答案。 :) 不仅是 SVG，还有任何基于 XML 的东西。包括 XHTML。【参考方案3】：

它们之间的一个技术区别是:root - 作为一个伪类比html（类型选择器）具有更大的特异性

:root 
  color: red

html 
  color: green;

&lt;div&gt;hello world&lt;/div&gt;

因此，在上面的示例中，:root 选择器覆盖了html 选择器，文本显示为红色。

【讨论】：

以上是关于CSS是啥?和HTML有啥区别?的主要内容，如果未能解决你的问题，请参考以下文章

Html5与Html有啥区别吗？Css3与Css有啥区别

一个网站 css没有用id都是class这样有啥不好吗 正确的规则是啥样的呢

隐藏属性 (HTML5) 和 display:none 规则 (CSS) 有啥区别？

html中，id,name,class之间的有啥区别？

请问css的 链接与导入有啥区别

将css文件的引入放在和放在其他地方有啥区别