CSS es un lenguaje de sintaxis delimitado por guiones , lo que significa que al escribir atributos HTML podemos usar guiones (-).
Ejemplo:
font-size, line-height, background-color, etc...
Hay varias razones para preferir el guión (-):
- En CSS, se puede usar guión bajo (_) en lugar de guión (-) para los selectores de CSS (clase, id, intervalo, …), pero se da preferencia en función de su facilidad de uso.
- Los guiones bajos requieren presionar la tecla Mayús y, por lo tanto, son más difíciles de escribir. Por otro lado, CSS ya usa guiones o guiones como parte de su código oficial, por lo que es más conveniente usar guiones en lugar de guiones bajos.
- En lugar de usar guiones, también podemos usar mayúsculas y minúsculas para escribir, pero tiene problemas para usarlo, ya que es más difícil de leer y los espacios en blanco entre las palabras los hacen más claros para leer.
- También hay un beneficio más de usar guiones que hace que el código sea más legible.
Ejemplo:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>
Why are dashes preferred
for CSS selectors / HTML
attributes ?
</title>
<style media="screen">
.Geeks-for-Geeks-Example-1{
background-color: forestGreen;
color: white;
height: 10vh;
text-align: center;
font-size: 4.5vh;
}
.GeeksforGeeksExample2{
background-color: Orange;
color: white;
height: 10vh;
text-align: center;
font-size: 4.5vh;
}
.Geeks_for_Geeks_Example_3{
background-color: tomato;
color: white;
height: 10vh;
text-align: center;
font-size: 4.5vh;
}
</style>
</head>
<body>
<!-- Easy to read and write class name -->
<div class="Geeks-for-Geeks-Example-1">
This is sample text for the class
name containing a hyphen.
</div>
<br>
<!-- Difficult to read class name -->
<div class="GeeksforGeeksExample2">
This is sample text for the class
name not containing a hyphen.
</div>
<br>
<!-- Difficult to write class name -->
<div class="Geeks_for_Geeks_Example_3">
This is sample text for the class
name containing an underscore.
</div>
</body>
</html>
Producción:
Del código anterior, está claro que usar guiones es una forma más apropiada de escribir un programa en lugar de usar mayúsculas y minúsculas o guiones bajos y, por lo tanto, debido a este hecho, los guiones son los preferidos para los selectores CSS/atributos HTML.
Publicación traducida automáticamente
Artículo escrito por aditya_taparia y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA