Pour créer un code CSS destiné à styliser un site web ou une application pour une équipe de sécurité d’une scierie, il est important de considérer la lisibilité et la clarté visuelle. Voici un exemple de code CSS qui pourrait être utilisé:
« `css
/* CSS pour le site web de l’équipe de sécurité de la scierie */
/* Style de base */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
color: #333;
margin: 0;
padding: 0;
}
/* Conteneur principal */
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* En-tête */
header {
background-color: #004d40;
color: #fff;
padding: 20px 0;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2em;
}
/* Navigation */
nav {
margin: 20px 0;
background-color: #00695c;
text-align: center;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px 20px;
display: inline-block;
}
nav a:hover {
background-color: #004d40;
}
/* Sections */
section {
margin-bottom: 20px;
}
section h2 {
font-size: 1.5em;
margin-bottom: 10px;
color: #00695c;
}
section p {
line-height: 1.6;
}
/* Boutons */
button {
background-color: #00695c;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
font-size: 1em;
border-radius: 5px;
}
button:hover {
background-color: #004d40;
}
/* Formulaires */
form {
margin-top: 20px;
}
form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
form input, form textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
form input[type= »submit »] {
background-color: #00695c;
color: #fff;
border: none;
cursor: pointer;
}
form input[type= »submit »]:hover {
background-color: #004d40;
}
/* Pied de page */
footer {
background-color: #004d40;
color: #fff;
text-align: center;
padding: 10px 0;
position: fixed;
width: 100%;
bottom: 0;
}
« `
Ce code CSS inclut des styles de base pour le corps de la page, les en-têtes, la navigation, les sections de contenu, les boutons, les formulaires et le pied de page. Les couleurs et la typographie sont choisies pour offrir une bonne lisibilité et un contraste suffisant, essentiel pour la sécurité et la facilité d’utilisation dans un environnement industriel.