Rumah > hujung hadapan web > tutorial css > 伪类和伪元素的使用方法介绍

伪类和伪元素的使用方法介绍

王林
Lepaskan: 2020-10-30 16:54:23
ke hadapan
2289 orang telah melayarinya

伪类和伪元素的使用方法介绍

css伪类和伪元素

line-height (行高 官方定义:两行文字基线对齐 )

(视频教程推荐:css视频教程

目标伪类

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

伪元素 (是行内元素 不能设置宽度和高度 )

::after  (在元素后面添加内容)
::before  (在元素前面添加内容)
display:...
	inline-block(能够设置高度,和行内元素并排显示)
	inline
	block(独占一行)
	none(隐藏
Salin selepas log masuk

css特性

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

列表

	ul(无序列表)
	ol   (有序列表)
Salin selepas log masuk

表格

table
		tr单元行
		td单元格
		boder 边框
		cellpadding   单元格内部的间距
		cellspacing 单元格之间的距离
		width 表格的宽度
		align 表格的水平对齐方式
Salin selepas log masuk

css元素类型的划分(根据元素能不能在一行显示)

	块级元素 (独占父元素的一行) 常用的块级元素 
		●	div
		●	p
		●	h1-h6
		●	ul--li
		●	table
		●	from
Salin selepas log masuk

行内级元素(可以和其他行内元素同一行显示)

		●	img
		●	span
		●	a
	●	inupt
Salin selepas log masuk

相关推荐:CSS教程

Atas ialah kandungan terperinci 伪类和伪元素的使用方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan