Maison >interface Web >tutoriel CSS >Résumé des points à noter sur CSS+Js
La désactivation de la sélection de texte est toujours nécessaire dans certains scénarios, par exemple si vous ne souhaitez pas que d'autres copient vos articles. Pour le moment, nous pouvons résoudre ce problème en utilisant CSS+JS. De plus, il convient de souligner ici que la sélection par l'utilisateur n'est pas encore une norme officielle du W3C et que chaque navigateur fournit une prise en charge sous la forme d'attributs privés. Syntaxe Syntaxe formelle : aucune | texte | tout le code de l'élément est le suivant : (-prefix-)user-select : aucun ; (-prefix-)user-select : texte ; (-prefix-)user-select: tous; (-prefix-)user-select: element;Le code est le suivant :.row-of-icons { -webkit-user-select :
1. Exemple de code d'interdiction du texte sélectionné via les règles CSS
Introduction : Interdire le texte sélectionné via les règles CSS est toujours nécessaire dans certains scénarios, comme par exemple ne pas vouloir que d'autres copient vos articles. Pour le moment, nous pouvons résoudre ce problème en utilisant CSS+JS. De plus, il convient de souligner ici que la sélection par l'utilisateur n'est pas encore une norme officielle du W3C et que chaque navigateur fournit une prise en charge sous la forme d'attributs privés.
2. CSS+JS crée une barre de progression avec dégradé
Introduction : Une barre de progression de page Web qui s'exécute sur CSS pour embellir la barre de progression dans une couleur dégradée. Tongjin utilise JavaScript pour contrôler CSS afin de carreler l'arrière-plan de la barre de progression en temps opportun. Le programme de démonstration uniquement. montre le style de la barre de progression. Application La page Web doit encore être modifiée.
3. Comment configurer le téléchargement automatique FTP dans atom
Introduction : Comment configurer atom ? configurer le téléchargement automatique FTP ? ! J'ai fait des recherches pendant longtemps et j'ai téléchargé le package FTP distant ~~ et puis j'ai été abasourdi... {code...} Comment définir le dossier sur le FTP vers lequel sera transféré l'un des fichiers de mon dossier sont sauvés ? Et le paramétrage des préférences du package...
4. Apprenez à utiliser du CSS pur pour créer un menu arborescent pliable
Introduction : Avec la sortie de CSS3, la recherche étrangère bat son plein, mais il y a encore beaucoup de gens en Chine qui pensent qu'IE ne prend pas en charge CSS3 et rester indifférent et refuser d'apprendre. Mais l’histoire nous dit que les bonnes choses prévaudront et que CSS3 finira par remplacer CSS2. Partageons avec vous un menu arborescent pliable créé avec CSS3. Je pense que tout le monde connaît le menu arborescent. Nous utilisons généralement CSS+JS pour l'implémenter. L'arrivée de CSS3 permet de s'affranchir des contraintes de JS et d'utiliser directement le "sélecteur" de CSS3 pour réaliser un menu arborescent pliable. Il y a beaucoup de code global, donc je n'entrerai pas dans les détails phrase par phrase, je mentionnerai simplement ce que je pense être important.
Introduction : Comme dans la question, comment résoudre le problème de l'utilisation des fermetures et de la fonction setTimeout ? L'implémentation de PHP est également la bienvenue
6 html+css+js pour implémenter la sélection complète et la sélection inversée des cases à cocher
Introduction : html+css+js réalise toutes les sélections de cases à cocher et la sélection inverse
7 Div+CSS+JS tree menu_html/css_WEB-ITnose
Introduction : Menu arborescent Div+CSS+JS
8 div+css+js menu pliant_html/css_WEB- ITnose
Introduction : menu pliant div+css+js
9 Menu de navigation Div+CSS+JS_ html/css_WEB-ITnose.
Introduction : Menu de navigation Div+CSS+JS
10 Div+Css+ JS crée une fenêtre contextuelle_html. /css_WEB-ITnez
Introduction : Div+Css+JS pour créer une fenêtre pop-up
[Recommandation de questions-réponses associées] :
javascript - environnement autonome, créez un ensemble simple de pages en trois heures
android - comment emballer un site Web statique dans un apk ?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!