欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

课时59.体验css(理解)

程序员文章站 2022-04-09 14:46:49
我们想做这样一个样式,应该怎么做? 分析: 有一个标题(h1),还有一些段落(p) 标题是居中的,段落也是居中的,所以我们可以设置h标签和p标签居的align属性等于center来实现 标题和段落都有颜色,都有字体,都有大小 所以需要给文字包裹一个font标签,然后通过font标签来设置样式和字体以 ......

我们想做这样一个样式,应该怎么做?

课时59.体验css(理解)

分析:

有一个标题(h1),还有一些段落(p)

标题是居中的,段落也是居中的,所以我们可以设置h标签和p标签居的align属性等于center来实现

标题和段落都有颜色,都有字体,都有大小

所以需要给文字包裹一个font标签,然后通过font标签来设置样式和字体以及大小

  1. 需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那么设置了也没用
  2. 当需求变更时我们需要修改大量的代码才能满足现有需求
  3. HTML只有一个作用就是用来添加语义

课时59.体验css(理解)课时59.体验css(理解)

这样写代码比较繁琐,所以企业开发中都是交给css来做的

2.通过css来修改样式有什么好处?

  1. 不用记忆哪些属性属于哪些标签
  2. 当需求变更时我们不需要修改大量的代码就可以满足需求
  3. 在前端开发中css只有一个作用就是用来修改样式

如何按照css来修改代码?

课时59.体验css(理解)课时59.体验css(理解)