使用外部链接的CSS将边框应用于html元素_Html_Css

使用外部链接的CSS将边框应用于html元素

html css

使用外部链接的CSS将边框应用于html元素,html,css,Html,Css,为什么我在通过外部链接的CSS文件连接HTML元素时遇到困难？救命啊！我的HTML中的代码： <html> <head> <link href='n.css' rel='stylesheet' type='text/css'/> </head> <body> <section id='1id' class='2class 3class 4class'> I am bordered

为什么我在通过外部链接的CSS文件连接HTML元素时遇到困难？救命啊！我的HTML中的代码：

<html>
  <head>
    <link href='n.css' rel='stylesheet' type='text/css'/>
  </head>
  <body>
    <section  id='1id' class='2class 3class 4class'>
      I am bordered & got 1 ID & 3 classes,oh ye!
    </section>
  </body>
</html>


我是边界&有1个ID和3个类，哦耶！

我的n.css文件的外观：

<style>
  #1id {border:2;}
  .2class{text-decoration:underline;}
  .3class{text-style:italic;}
  .4class{font-weight:bold;}
</style>


#1id{边界：2；}
.2类{文本装饰：下划线；}
.3类{文本样式：斜体；}
.4类{字体大小：粗体；}

您可以将外部css中的边框设置为与内部css相同就像我假设你的.2课还有一件事，试着用字母开头类名

.2class{ border:1px solid black;}

它在你的.2类之外给你黑色的边框

#1id{
    border:2px solid #999;
    padding:10px;
}
.section{
    float:left;
    padding:0 5px;
    margin:-20px 0 0 30px;
    background:#fff;
}

从外部css中删除

标记

你的css没有使用，因为你已经用数字开始了id和类。在这种情况下，你必须像这样为HTML5编写代码

示例id='1id'

[id="1id"] { border : 2px solid #000; }

示例class='2类'

[class='2class']{font-weight:bold;}

不能使用多个以class='2 class='3 class='4 class'等数字开头的类

[id=“1id”]{border:2px solid#000；}
[class='2class']{font-weight:bold；}


我有一个身份证和一个班级哦耶！

首先，您必须了解修复代码的一些要点

1。不要在

.css

文件中使用

标记…如果您在

.html

文件中编写css，请使用它

2.css中没有

文本样式

属性…请改用

字体样式

3.在

id

和

class

开头使用数字不是一个好的做法（这里也是

id

和

class

以数字开头的解决方案）

4.您对

边框使用了无效值，即边框：2
…使用边框：2px solid currentcolor

注意：为了更好地编码，不要在同一个元素上使用多个类来进行样式设置…您可以在同一个类中应用多个样式

解决方案1（id
和class
不以数字开头）
堆栈片段

#id1{
边框：2倍纯色；
}
.2级{
文字装饰：下划线；
}
.3级{
字体：斜体；
}
.4级{
字体大小：粗体；
}

我有三节课和一个id哦耶！
主要错误是\1id{border:2；}
通过将'solid color'
和'px'-
添加到：
#id1{border:2px solid currentcolor;}

其他两个子错误是在css文件中使用
，以及使用数字（如1id、2class等）启动ID和类。启动ID和类的正确方法是像id1、class2等。
您不需要在css文件中放置
标记，仅当在html文件中时。Thank you@Linusgeffarth您在发布答案之前进行了测试吗？您的JSFIDLE css选择器没有选择以数字开头的类。您在发布答案之前进行了测试吗？感谢您的帮助！先生@无名氏博士很高兴。。！。。。这对你有帮助。。