# **HTML和CSS关系** ## **CSS控制HTML内标签显示不同布局样式。控制对应html标签颜色、字体大小、字体、宽度、高度、浮动等样式。** ### HTML犹如一个人，而CSS则是服饰。通过不同服饰打扮出不同风格人。 ### **一、Css与html不同** CSS语法与HTML语法完全不同 ### 1、HTML里代码是功能标签，如DIV、SPAN、A链接、em标签、I斜体标签、u下划线等 ### html代码语法范例： ``` <div>内容</div> <span>内容</span> ``` ### 2、CSS样式代码语法 ### div{样式单词：值} ### 如div{font-size:12px;} 设置div对象内字体大小为12px ### ### 从以上2点可以看出HTML与CSS样式语法完全不同。CSS控制了html标签对象的样式表现。而HTML内标签表现样式（美化）被CSS控制。 ### ### 二、Css与html相同 ### CSS与HTML相同之处在于，两个共同作用让网页实现需要的布局样式。 ### ### 三、DIV+CSS叫法原因 ### 在HTML中我们平凡地使用DIV标签，而通过CSS样式表对html标签赋予样式实现网页布局，由此我们通俗认为DIV+CSS代表XHTML（HTML）+CSS。平时我们所听所说的DIV+CSS大家就要立刻理解为HTML+CSS，通过CSS样式+HTML代码实现的HTML静态网页。