css与html的区别

html-css014

css与html的区别,第1张

简单的说,html相当于房子的框架,css相当于把房子装修了一下。

HTML与CSS之间的区别

1、性质不同

HTML(结构):全称Hyper Text Markup Language(超文本标记语言),用于定义文档内容结构。该语言写的代码通常会被浏览器解析执行.

CSS(布局):全称Cascading Style Sheets (层叠样式表),用于定义HTML文档的样式(外观)。CSS是页面表现的基础,可以控制布局,控制元素的渲染。

HTML是描述网页内容和结构的基本标记语言。而,CSS是HTML的扩展,它修改了网页的设计和显示。

HTML是网页的结构,CSS是网页的样式。例如如果把整个网页比喻成一个人,那么HTML就是骨头,CSS就是衣服。

2、语法不同

HTML由围绕内容的标签组成。而CSS由一个声明块继承的选择器组成。

html语法示例如下:

<div>内容</div>

css语法示例:

div{font-size:12px}

3、注释的格式不同

HTML注释格式:

<!--注释内容-->

CSS注释格式:

/*注释内容*/

4、HTML文件可以包含CSS代码,而CSS样式表绝对不能包含HTML代码。

即CSS可以在HTML文件中使用,但HTML不能在CSS样式表中使用。

1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css样式代码要写在style=""双引号中才可以,如:<p style="color:red">这里文字是红色。</p>。

2、如果想让HTML标签和css样式区分开来,可以采取将css样式代码写在<style type="text/css"></style>标签之间,并且这里的<style></style>可以写在<head></head>标签之间或者<body></body>标签之间,效果都是一样的。

3、以上两种HTML和css的结合都是在同个页面,代码量多的情况下就不好区分了,这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档,然后将文档的扩展名改为“.css”。将该css样式文件与HTML放在同个磁盘中以便调用。

4、将css样式文件创建好后,使用Sublime编辑器打开css样式文件,在文件里面编写相应的css样式。

5、准备好这个css样式文件后,回到HTML文件,在<head></head>标签内使用<link>标签将css样式文件链接到HTML文件内,就完成了。