Tutoriel par Examples: css



Un enum peut contenir une méthode, comme toute classe. Pour voir comment cela fonctionne, nous allons déclarer un enum comme ceci: public enum Direction { NORTH, SOUTH, EAST, WEST; } Ayons une méthode qui renvoie l'enum dans la direction opposée: public enum Direction { NORTH, SOUT...
Les transformations CSS sont basées sur la taille des éléments, donc si vous ne savez pas quelle est la taille ou la largeur de votre élément, vous pouvez le positionner à 50% du haut et de la gauche d'un conteneur relatif et le traduire de 50% à gauche le centrer verticalement et horizontaleme...
String html = "<!DOCTYPE html>" + "<html>" + "<head>" + "<title>Hello world!</title>" + "</head>" + "<body>" + ...
<link rel="stylesheet" href="path/to.css" type="text/css"> La pratique standard consiste à placer des balises CSS <link> dans la <head> en haut de votre code HTML. De cette façon, le CSS sera chargé en premier et s’appliquera à votre page au fur et à...
Vous pouvez incorporer un autre corps de modèle dans votre modèle via {{template "mysharedtemplate" .}} Pour réutiliser les composants partagés. Voici un exemple qui crée un modèle d'en-tête pouvant être réutilisé en haut de tous les autres corps de modèle. Il utilise également CSS po...
Vous pouvez ajouter des fichiers SVG externes en utilisant la propriété background-image , comme vous le feriez avec toute autre image. HTML: <div class="attention"></div> CSS: .attention { background-image: url(attention.svg); background-size: 100% 100%; wid...
<link rel="alternate stylesheet" href="path/to/style.css" title="yourTitle"> Certains navigateurs permettent d'appliquer d'autres feuilles de style si elles sont proposées. Par défaut, ils ne seront pas appliqués, mais ils peuvent généralement être modif...
La règle @import CSS est utilisée pour importer des règles de style provenant d'autres feuilles de style. Ces règles doivent précéder tous les autres types de règles, à l'exception des règles @charset; Comme il ne s'agit pas d'une instruction imbriquée, @import ne peut pas être util...
Les navigateurs utilisent un ensemble par défaut de styles CSS qu'ils utilisent pour les éléments de rendu. Certains de ces styles peuvent même être personnalisés en utilisant les paramètres du navigateur pour modifier les définitions de taille et de visage de police par défaut, par exemple. Le...
function themeSlug_enqueue_scripts() { wp_enqueue_style( 'themeSlug-reset', get_template_directory_uri() .'/css/reset.css', '1.0.0' ); wp_enqueue_style( 'themeSlug-style', get_template_directory_uri() .'/style.css', 'themeSlug-reset', '1.0.0'); } add_action('wp_enqueue_scripts', 'themeSl...
Dans ce cas, style.css est situé à la racine du dossier du thème. function themeSlug_enqueue_scripts() { wp_enqueue_style( 'themeSlug-style', get_template_directory_uri() .'/style.css', '1.0.0'); } add_action('wp_enqueue_scripts', 'themeSlug_enqueue_scripts');
Dans cet exemple, nous voulons inclure la police police icon awesome function themeSlug_enqueue_scripts() { wp_enqueue_style( 'font-awesome', '//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css'); } add_action('wp_enqueue_scripts', 'themeSlug_enqueue_scripts');
BeautifulSoup a un support limité pour les sélecteurs CSS , mais couvre les plus couramment utilisés. Utilisez la méthode select() pour rechercher plusieurs éléments et select_one() pour rechercher un seul élément. Exemple de base: from bs4 import BeautifulSoup data = """ <ul...
L'API Protractor permet aux localisateurs d'éléments CSS d'utiliser la notation de raccourci de type jQuery $() . Normal Element Locator CSS : element(by.css('h1.documentation-text[ng-bind="title"]')); element(by.css('[ng-click="submit"])); Raccourci $() Localisa...
Le CSS peut être appliqué à plusieurs endroits: inline ( Node.setStyle ) dans une feuille de style à une Scene comme feuille de style de l'agent utilisateur (non démontré ici) comme feuille de style "normale" pour la Scene à un Node Cela permet de modifier les propriétés de sty...
Supposons que vous ayez un modèle Customer simple: class Customer(models.Model): first_name = models.CharField(max_length=255) last_name = models.CharField(max_length=255) is_premium = models.BooleanField(default=False) Vous l'enregistrez dans l'administrateur de Django et ...
BeautifulSoup a un support limité pour les sélecteurs CSS , mais couvre les plus couramment utilisés. Utilisez la méthode select() pour rechercher plusieurs éléments et select_one() pour rechercher un seul élément. Exemple de base: from bs4 import BeautifulSoup data = """ <ul...
Modules requis npm install --save-dev webpack extract-text-webpack-plugin file-loader css-loader style-loader Structure de dossier . └── assets    ├── css     ├── images    └── js webpack.config.js const webpack = require('webpack'); const ExtractTextPlugin = require('extract-text-webpac...
Tout comme dans Sass, les variables SCSS sont utilisées pour stocker une valeur qui sera utilisée plusieurs fois dans un document SCSS. Les variables sont principalement utilisées pour stocker les valeurs de propriété fréquemment utilisées (telles que les polices et les couleurs), mais peuvent êtr...
CSS body { counter-reset: item-counter; /* create the counter */ } .item { counter-increment: item-counter; /* increment the counter every time an element with class "item" is encountered */ } .item-header:before { content: counter(item-counter) ". "; /* print the v...

Page 1 de 4