首页 > 解决方案 > 带有 CSS 的 html 页面中的基本样式

问题描述

我想先说这个网站是强烈推荐的,我的教授推荐它来帮助“自学”。我的问题可能非常简单,如果它看起来像是“浪费空间”,我深表歉意。我正在做一项作业,需要使用 HTML 和 CSS 在 vi​​m 中创建可提交的正常功能表单,以便在课程服务器上进行样式设置。

我已经按原样布置了所有内容,但是,我在正文中有多个标签(“名字”/“姓氏”“班级年份选择框”/“地址”/“城市”/和“电子邮件”。第一个姓名、姓氏和电子邮件都是我试图将其设置为“红色文本”以表示这些是必填字段。

我将代码设置到提交表单所需的位置,但我无法弄清楚如何在标题中设置样式,以便区分哪些标签需要为“红色”。就像现在一样,当我在标题中插入“标签{颜色:红色;}文本颜色?我尝试在标签输入中插入数字来表示需要红色文本颜色的不同标签,但它会将其应用于表单上的所有文本。

无论如何,是否可以将识别功能正确添加到标签中以仅允许所选标签为红色?

感谢任何反馈,如果这对经验丰富的编码人员/开发人员来说是浪费时间来回答这个问题,我再次道歉。任何输入表示赞赏。

我的表格现在在线的样子

标题(全部为红色)

(这是我在正确插入类时迷失的地方)

标签: htmlcssforms

解决方案


在您的 HTML 文件中,为您要单独定位的每个标签添加一个类,例如

<span class="label firstName">Joe</span>

在你的 CSS 定位这个类并按照你想要的方式格式化,例如

.firstName {color: #f44336;}

这将使用 firstName 类定位您的标签,并将文本着色为 RED。


推荐阅读