css div修改_简述CSS+HTML之间的关系

CSS发展史

使用CSS的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离，在没有CSS之前，我们想要修改HTML元素的样式需要为每个HTML元素单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是时候做出改变了，所以CSS就出现了。

CSS和HTML之间的关系

CSS控制HTML内标签显示不同布局样式。控制对应html标签、颜色、字体大小、字体、宽度、浮动等样式。HTML犹如一个人，而CSS则是服饰。通过不同服饰打扮出不同风格人。

一、CSS与HTML的区别

CSS语法与HTML语法完全不同

1、HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等

html代码语法范例：

内容

内容

2、CSS样式代码语法

div{样式单词：值}

如div{font-size:12px;} 设置div对象内字体大小为12px

从以上2点可以看出HTML与CSS样式语法完全不同。CSS控制了html标签对象的样式表现。而HTML内标签表现样式(美化)被CSS控制。

表现功能不同

1、HTML用于构建网页的结构

2、CSS用于构建HTML元素的样式

3、HTML是页面的内容组成，CSS是页面的表现

二、CSS与HTML相同

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

每天都在分享一些前端知识，关注我获取更多前端知识，分享一个前端qq群：1141884931