当前位置:趣知科普网>游戏数码>互联网>

HTML与CSS的关系是什么

互联网 阅读(2.06W)

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

操作方法

(01)打开editplus编辑软件,然后分别新建一个HTML文档与CSS文档,并分别命名、

HTML与CSS的关系是什么

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

HTML与CSS的关系是什么 第2张

(03)然后在html中随便搭建一个框架,如下图:(如果想要控制该框架的样式,则需要在CSS样式中进行相应的编辑)

HTML与CSS的关系是什么 第3张

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

HTML与CSS的关系是什么 第4张
HTML与CSS的关系是什么 第5张

(05)那么想要让文字在该框架中居中,那么对应的样式如下:

HTML与CSS的关系是什么 第6张
HTML与CSS的关系是什么 第7张

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

特别提示

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

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