Explication détaillée des méthodes courantes de classification des opérations CSS-tutoriel CSS-php.cn

Explication détaillée des méthodes courantes de classification des opérations CSS

高洛峰

Libérer： 2017-03-26 11:13:13

original

1526 Les gens l'ont consulté

Cet article explique principalement en détail les méthodes de classification des opérations CSS courantes. Les amis intéressés peuvent se référer à

1 Opération de taille

hauteur Réglage de la hauteur de l'élément

line-height Définir la hauteur de la ligne

.p1{
    width: 400px;
    line-height: normal;
}
 
.p2{
    width: 400px;
    line-height: 200%;
}
 
.p3{
    width: 400px;
    line-height: 50%;
}

Copier après la connexion

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>对齐</title>
    <link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
    <p class="p1">This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
    </p>
 
    <p class="p2">This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
    </p>
 
    <p class="p3">This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
        This is my web page
    </p>
</body>
</html>

Copier après la connexion

max-height Définir la hauteur maximale de l'élément

max-width Définir la largeur maximale de l'élément

.p1{
    line-height: normal;
    max-width: 250px;
}

Copier après la connexion

min-width Définir la largeur minimale de l'élément

min-height Définir la hauteur minimale de l'élément

width Définir la largeur de l'élément

2. Opération de classification

clear Définit si d'autres éléments flottants sont autorisés sur le côté d'un élément

curseur Spécifie le type de pointeur affiché lorsque l'on pointe sur un élément

p{
    cursor: auto;
}

Copier après la connexion

p{
    cursor: alias;
}

Copier après la connexion

p{
    cursor: cell;
}

Copier après la connexion

display Définir si et quand afficher l'élément

li{
    display: inline;
}
<ul>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
    <li>Hello</li>
</ul>

Copier après la connexion

float Définir la direction dans laquelle le élément flotte

position Positionne l'élément à une position statique, relative, absolue, fixe

Visibilité Définit si l'élément est visible ou invisible

li{
    display: inline;
    visibility: hidden;
}

Copier après la connexion

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!