在网页设计中，往往会利用到HTML与CSS的结合，HTML是实现大致框架的，而CSS则是为HTML框架设置想要设定的样式属性，两者相结合可以完整的生成出相应的静态网页。

操作方法

• 01

  打开editplus编辑软件，然后分别新建一个HTML文档与CSS文档，并分别命名index.html、style.css

  
• 02

  下面就是将HTML于CSS关联起来，CSS控制HTML的标签，定义所需要的样式，使得结构和样式独立开来，这样使得样式和结构分离。需要在HTML中创建css路径链接，这样才算关联成功

  
• 03

  然后在html中随便搭建一个框架，如下图：（如果想要控制该框架的样式，则需要在CSS样式中进行相应的编辑）

  
• 04

  在HTML中class、id就是标签选择器，对应的CSS样式就是"."、"#"。下面设置的样式分别是框架宽高、背景颜色、居中、字体颜色

  
• 05

  那么想要让文字在该框架中居中，那么对应的样式如下：

  
• 06

  HTML与CSS是即分开又有关联的，HTML出框架，然后CSS设置框架的属性样式，让网页看起来更完美！

特别提示

总结：HTML和CSS，相辅相成，HTML控制结构，对整个网页搭建结构，CSS控制样式，让整个网页看起来更美观！

注意标签选择器的使用，要与CSS对应

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。