Sélecteur de combinaison du didacticiel CSS Basics
Sélecteur multi-éléments
Description : Ajoutez le même style à plusieurs éléments, plusieurs sélecteurs sont séparés par des virgules ",".
Exemple : h1,p,div,body{color:red;}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
h1,p,.NO1{
color:red;
background-color:#88ff66;
}
</style>
</head>
<body>
<h1>习近平心中的互联网</h1>
<p>互联网是20世纪最伟大的发明，它正在将人类“一网打尽”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
<div class="NO1">习近平指出：“互联网已经融入社会生活方方面面，深刻改变了人们的生产和生活方式。”</div>
</body>
</html>< Description : Ajoutez des styles à un élément descendant d'une balise. Les sélecteurs sont séparés par des "espaces".
Exemple : div .title{ color:red;}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
div h1.title{background-color:yellow;}
div p.paragraph{background-color:#88ff88;}
</style>
</head>
<body>
<div>
<h1 class="title">习近平心中的互联网</h1>
<p class="paragraph">互联网是20世纪最伟大的发明，它正在将人类“一网打尽”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
</div>
</body>
</html>Sélecteur d'élément enfant
Description : Ajoutez des styles aux éléments enfants d'un élément.
Exemple : div > h1.title{color:red;}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
div>.title{background-color:#88ff88;}
div>.paragraph{background-color:red;}
</style>
</head>
<body>
<div>
<h1 class="title">习近平心中的互联网</h1>
<p class="paragraph">互联网是20世纪最伟大的发明，它正在将人类“一网打尽”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
</div>
</body>
</html>
nouveau fichier
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
h1,p,.NO1{
color:red;
background-color:#88ff66;
}
</style>
</head>
<body>
<h1>习近平心中的互联网</h1>
<p>互联网是20世纪最伟大的发明，它正在将人类“一网打尽”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
<div class="NO1">习近平指出：“互联网已经融入社会生活方方面面，深刻改变了人们的生产和生活方式。”</div>
</body>
</html>
Aperçu
Clear
- Recommandations de cours
- Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)