Propriétés de taille CSS
Pendant le processus de création d'une page Web, nous devrons peut-être définir la hauteur, la largeur, l'espacement, etc. des éléments, ce qui nous oblige à utiliser certains attributs Dimension.
1. L'attribut de hauteur
l'attribut de hauteur peut définir la hauteur de un élément élevé.
Héritage : Non >auto par défaut. Le navigateur calculera la hauteur réelle.
longueur Utilisez px, cm et d'autres unités pour définir la hauteur.
% Basé sur le pourcentage de hauteur de l'objet de niveau bloc contenant.
2. L'attribut de hauteur de ligne
l'attribut de hauteur de ligne peut Définissez la distance entre les lignes.
Remarque : les valeurs négatives ne sont pas autorisées.
Héritage : OuiValeurs possibles
Valeurs >normal par défaut. Définissez un espacement raisonnable des lignes.
numéro Définissez un nombre qui sera multiplié par la taille de police actuelle pour définir l'espacement des lignes.
longueur Définissez un espacement de ligne fixe.
% Pourcentage d'espacement des lignes basé sur la taille de police actuelle.
3. Attribut max-height
L'attribut max-height peut définir la hauteur maximale d'un élément. Héritage : Non > aucun Par défaut. La définition n'impose aucune limite sur la hauteur maximale autorisée pour un élément.
length définit la valeur de hauteur maximale de l'élément.% définit la hauteur maximale en pourcentage de l'objet au niveau du bloc qui la contient.
4. L'attribut max-width
max-width peut définir la largeur maximale d'un élément.
Héritage : Non > aucun Par défaut. La définition n'impose aucune limite sur la largeur maximale de l'élément.
length définit la largeur maximale de l'élément.
% définit la largeur maximale en fonction du pourcentage de l'objet au niveau du bloc qui le contient.
5. Attribut min-height
L'attribut min-height peut définir la hauteur minimale de l'élément. Héritage : Non >length définit la hauteur minimale de l'élément. La valeur par défaut est 0.% définit la hauteur minimale en pourcentage de l'objet au niveau du bloc qui la contient.
6. Attribut min-width
L'attribut min-width peut définir la largeur minimale d'un élément.
Héritage : Non >length définit la valeur de largeur minimale de l'élément. Par défaut : Dépend du navigateur.
% définit une largeur minimale basée sur le pourcentage de l'objet au niveau du bloc qui le contient.
7. Attribut de largeur
L'attribut width peut définir la largeur d'un élément. Héritage : Non . Le navigateur peut calculer la largeur réelle.longueur Utilisez px, cm et d'autres unités pour définir la largeur.
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例</title>
<style type="text/css">
img.normal
{
height:auto;
}
img.big
{
height:120px;
}
p.ex
{
height:100px;
width:100px;
}
</style>
</head>
<body>
<img class="normal" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="95" height="84" /><br>
<img class="big" src="http://img.educity.cn/article_image/2013082620/321090200502.jpg" width="120" height="90" />
<p class="ex">这是一段句子的高和宽是 100px.</p>
</body>
</html>
Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例</title>
<style type="text/css">
p
{
max-height:10px;
background-color:yellow;
}
</style>
</head>
<body>
<p>北京时间周四凌晨两点公布的美联储9月纪要显示，如美国经济持续走强，几位有投票权的决策者认为利率应该“很快”会上升。
美联储在会议纪要中指出“几位委员们认为，如若经济进展如预期般展开，那么较快提高联邦基金利率将是合适的”。</p>
</body>
</html>
