HTML跟CSS的关系。。。。简洁点的_随笔

一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

扩展资料

css优先权。

多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分：

1、浏览器默认设置（最低）

2、外部样式表

3、内部样式表（写在html的<head>标签内部）

4、内联样式（写在html的标签里，即style属性）（最高）

css的语法。

css由两个主要部分组成，选择器，一条或多条声明。

选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。

很多地方都会讲成内部样式优先级比外部样式高，其实是不对的，内部样式和外部样式是具有相同的优先级的，就看谁出现的位置靠后，谁优先。如下面的代码，文字肯定要显示成黄色，而不是绿色。因为1.css文件在style样式定义后面引入的。如果放到前边，则会显示成内部样式定义的绿色。

--- 1.css

font-size: 20px

color:yellow

background: black

}

--- 1.html

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

color:green

background:black

}

</style>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

HTML跟CSS的关系。。。。简洁点的