怎么做到css和html分开,CSS结构与表现分离怎么实现?

1bab94a035328853b68d064028b11baa.gif

使用HTML标签属性对网页进行修饰的方式存在很大的局限和不足,因为我们所有的样式都是写在标签中,这样既不利于代码阅读,将来维护代码也非常困难。如果希望网页美观、大方、维护方便,就需要使用CSS实现结构与表现的分离。结构与表现相分离是指在网页设计中,HTML标签只用于搭建网页的基本结构,不使用标签属性设置显示样式,所有的样式交由CSS来设置。

CSS非常灵活,既可以嵌入在HTML文档中,也可以是一个单独的外部文件,如果是独立的文件,则必须以.css为后缀名。如图1所示的代码片段,就是将CSS嵌入在HTML文档中,虽然与HTML在同一个文档中,但CSS集中写在HTML文档的头部,也是符合结构与表现相分离的。

a87f56fc24c0e01c3b2ce4a97934fa0a.png

图1 HTML和CSS代码片段

如今大多数网页都是遵循Web标准开发的,即用HTML编写网页结构和内容,而相关版面布局、文本或图片的显示样式都使用CSS控制。HTML与CSS的关系就像人的身体与衣服,通过更改CSS样式,可以轻松控制网页的表现样式。

猜你喜欢:

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值