HTML和CSS的区别是什么?语法上有区别吗

html-css08

HTML和CSS的区别是什么?语法上有区别吗,第1张

1、定义不同:

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

css是CascadingStyleSheets的缩写,即层叠式样式表单,它是由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是网页设计的一个突破。它允许您修改一个小样式来更新与它相关联的所有页面元素。

CSS可以在HTML元素的style属性中定义样式,也可以在HTML文档的头部分中定义样式,或者在专门的CSS文件中定义样式供HTML页面参考。简而言之,CSS样式表可以在一个地方存储和管理所有样式语句。

参考资料:百度百科-HTML

参考资料:百度百科-CSS

HTML5+CSS3实现全屏导航栏菜单,悬停在右上角的小图标,点击以圆形扩散的方式绽开全屏导航栏,这种方式的导航栏很吸睛,运用也越来越广,赶紧学起来呀!

效果:

源码:

一般是这样的

body{

font:12color:Black

}

这样的是控制整个页面的标签的样式

.Content{

font:14pxcolor:Gray

}

前面加个.后面跟上样式名称的,就是控制引用这个样式的标签的样式

当然,里面的样式属性有很多,这个你得去了解学习一下!

样式文件放哪里不要紧,一般就放在跟目录,你在页面的时候这样引用一下就好了

比如

<link href="/Styles/Site.css" rel="stylesheet" type="text/css" />

就代表引用跟目录下Styles文件夹里面的Site.css这个样式文件