Maison > interface Web > tutoriel CSS > Introduction à l'utilisation des pseudo-classes et pseudo-éléments

Introduction à l'utilisation des pseudo-classes et pseudo-éléments

王林
Libérer: 2020-10-30 16:54:23
avant
2302 Les gens l'ont consulté

Introduction à l'utilisation des pseudo-classes et pseudo-éléments

pseudo-classes et pseudo-éléments css

line-height (définition officielle de la hauteur de ligne : deux lignes de base de texte alignées)

( recommandation de didacticiel vidéo : tutoriel vidéo CSS)

Pseudo-classe cible

:link    (a:link 未访问的链接  浏览器有缓存!!所以刷新没用)
	a:active{color:   ;}
:active (长按住)
:visited (已经访问的链接)
:hover (鼠标放上去)
:focus (获取用户焦点)
Copier après la connexion

Pseudo-élément (c'est un élément en ligne qui ne peut pas définir la largeur et la hauteur)

::after  (在元素后面添加内容)
::before  (在元素前面添加内容)
display:...
	inline-block(能够设置高度,和行内元素并排显示)
	inline
	block(独占一行)
	none(隐藏
Copier après la connexion

Propriétés CSS

	继承(一个元素如果没有设置某个属性的值,那么就会跟随父属性的值。如果设置了,就用自己的值)
		color ,font-size  line-height text-align
	层叠(后面的样式会覆盖前面的样式)
		当选择器相同时 后面的选择器会覆盖前面的
		当选择器不同时,根据选择器的权重设置
Copier après la connexion

Liste

	ul(无序列表)
	ol   (有序列表)
Copier après la connexion

Table

table
		tr单元行
		td单元格
		boder 边框
		cellpadding   单元格内部的间距
		cellspacing 单元格之间的距离
		width 表格的宽度
		align 表格的水平对齐方式
Copier après la connexion

Division des types d'éléments CSS (selon que l'élément peut être affiché dans un line)

	块级元素 (独占父元素的一行) 常用的块级元素 
		●	div
		●	p
		●	h1-h6
		●	ul--li
		●	table
		●	from
Copier après la connexion

Éléments de niveau en ligne (peuvent être affichés sur la même ligne que d'autres éléments en ligne)

		●	img
		●	span
		●	a
	●	inupt
Copier après la connexion

Recommandations associées : Tutoriel CSS

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal