1、打开editplus编辑软件,然后分别新建一个HTML文档与CSS文档,并分别命名index.html、style.css
2、下面就是将HTML于CSS关联起来,CSS控制HTML的标签,定义所需要的样式,使得结构和样式独立开来,这样使得样式和结构分离。需要在HTML中创建css路径链接,这样才算关联成功
3、然后在html中随便搭建一个框架,如下图:(如果想要控制该框架的样式,则需要在CSS样式中进行相应的编辑)
4、在HTML中class、id就是标签选择器,对应的CSS样式就是"."、"#"。下面设置的样式分别是框架宽高、背景颜色、居中、字体颜色
5、那么想要让文字在该框架中居中,那么对应的样式如下:
6、HTML与CSS是即分开又有关联的,HTML出框架,然后CSS设置框架的属性样式,让网页看起来更完美!