养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

使用className属性设置样式

时间:2024-11-05 11:25:44

对于前端页面来说,设置样式主要通过内嵌和使用css编老揉孟阼写,使用css主要是通过id、className、标签名设置样式,那么如何使用className属性设置样式呢?

使用className属性设置样式

工具/原料

sublime编辑器

方法/步骤

1、新建一个空白html页面

使用className属性设置样式

2、编写一些页面内容

使用className属性设置样式

3、浏览器中查看默认样式

使用className属性设置样式

4、在head标签中添加style标签

使用className属性设置样式

5、通过类名对属性设置样式,设置为字体加粗,颜色红色。使用方法就是在类名前边加一个点

使用className属性设置样式

6、浏览器中查看使用ClassName属性设置样式后的效果

使用className属性设置样式

7、通过id和标签设置样式代码如下

使用className属性设置样式

8、浏览器效果如下

使用className属性设置样式

© 一点知识