Javascript 将HTML和CSS结合在一起？

我这里有一个用户配置文件。我有html和css代码完美的方式，我想要它

但我现在需要的是将html和css结合在一起。但我不知道该怎么做。因为没有css，它会改变用户配置文件的显示

有人能帮我吗

$（函数（）{
$（'#profile-image1'）。在（'click'，function（）上{
$（“#配置文件图像上载”）。单击（）；
});
});
input.hidden{
位置：绝对位置；
左：-9999px；
}
#剖面图1{
光标：指针；
宽度：100px；
高度：100px；
边框：2个实心#03b1ce；
}
蒂塔尔先生{
字体大小：16px；
字号：500；
}
.机器人边界{
边框底部：1px#F8实心；
边距：5px 0 5px 0
}

在编辑器选项卡中创建代码段的HTML、CSS和Javascript
用户配置文件
单击此处更改配置文件图像


普拉萨德·尚卡尔·哈德达尔
渴望者


名字：
普拉萨德
中名：
尚卡尔
姓氏：
哈德达
加入日期：
2016年6月15日
出生日期:
1998年6月11日
出生地：
舍地
国籍：
印度的
relation：
印度教的
只需将CSS包装在
标记中即可

例子
/*注意开头样式标记*/
input.hidden{
位置：绝对位置；
左：-9999px；
}
#剖面图1{
光标：指针；
宽度：100px；
高度：100px；
边框：2个实心#03b1ce；
}
蒂塔尔先生{
字体大小：16px；
字号：500；
}
.机器人边界{
边框底部：1px#F8实心；
保证金：5px0 5px0；
} 
/*完成CSS后，关闭样式标记*/

您可以将其保留在HTML中已有的位置。以下是您将使用的确切代码：



在编辑器选项卡中创建代码段的HTML、CSS和Javascript
用户配置文件
单击此处更改配置文件图像


普拉萨德·尚卡尔·哈德达尔
渴望者


名字：
普拉萨德
中名：
尚卡尔
姓氏：
哈德达
加入日期：
2016年6月15日
出生日期:
1998年6月11日
出生地：
舍地
国籍：
印度的
relation：
印度教的
$（函数（）{
$（'#profile-image1'）。在（'click'，function（）上{
$（“#配置文件图像上载”）。单击（）；
});
});
input.hidden{
位置：绝对位置；
左：-9999px；
}
#剖面图1{
光标：指针；
宽度：100px；
高度：100px；
边框：2个实心#03b1ce；
}
蒂塔尔先生{
字体大小：16px；
字号：500；
}
.机器人边界{
边框底部：1px#F8实心；
保证金：5px0 5px0；
}
您所需要做的就是在这里添加代码

input.hidden{
位置：绝对位置；
左：-9999px；
}
#剖面图1{
光标：指针；
宽度：100px；
高度：100px；
边框：2个实心#03b1ce；
}
蒂塔尔先生{
字体大小：16px；
字号：500；
}
.机器人边界{
边框底部：1px#F8实心；
边距：5px 0 5px 0
}
$（函数（）{
$（'#profile-image1'）。在（'click'，function（）上{
$（“#配置文件图像上载”）。单击（）；
});
});
在编辑器选项卡中创建代码段的HTML、CSS和Javascript
用户配置文件
单击此处更改配置文件图像


普拉萨德·尚卡尔·哈德达尔
渴望者


名字：
普拉萨德
中名：
尚卡尔
姓氏：
哈德达
加入日期：
2016年6月15日
出生日期:
1998年6月11日
出生地：
舍地
国籍：
印度的
relation：
印度教的
您可以
<style> /* Note the opening style tag */
input.hidden {
  position: absolute;
  left: -9999px;
}
#profile-image1 {
  cursor: pointer;
  width: 100px;
  height: 100px;
  border:2px solid #03b1ce;
}
.tital {
  font-size:16px;
  font-weight:500;
}
.bot-border {
  border-bottom:1px #f8f8f8 solid;
  margin:5px 0 5px 0;
} 
</style> /* When you're done with the CSS, close the style tag. */