> 웹 프론트엔드 > CSS 튜토리얼 > 의사 클래스 및 의사 요소 사용 소개

의사 클래스 및 의사 요소 사용 소개

王林
풀어 주다: 2020-10-30 16:54:23
앞으로
2264명이 탐색했습니다.

의사 클래스 및 의사 요소 사용 소개

css 의사 클래스 및 의사 요소

line-height(줄 높이의 공식 정의: 두 줄의 텍스트 기준선 정렬)

(비디오 튜토리얼 권장 사항: css 비디오 튜토리얼)

대상 의사 클래스

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

pseudo-element (인라인 요소에는 너비와 높이를 설정할 수 없습니다.)

::after  (在元素后面添加内容)
::before  (在元素前面添加内容)
display:...
	inline-block(能够设置高度,和行内元素并排显示)
	inline
	block(独占一行)
	none(隐藏
로그인 후 복사

css 기능

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

List

	ul(无序列表)
	ol   (有序列表)
로그인 후 복사

Table

table
		tr单元行
		td单元格
		boder 边框
		cellpadding   单元格内部的间距
		cellspacing 单元格之间的距离
		width 表格的宽度
		align 表格的水平对齐方式
로그인 후 복사

Css 요소 유형 구분 (요소 표시 가능 여부에 따라) 한 줄)

	块级元素 (独占父元素的一行) 常用的块级元素 
		●	div
		●	p
		●	h1-h6
		●	ul--li
		●	table
		●	from
로그인 후 복사

인라인 수준 요소(다른 인라인 요소와 같은 줄에 표시될 수 있음)

		●	img
		●	span
		●	a
	●	inupt
로그인 후 복사

관련 권장 사항: CSS 튜토리얼

위 내용은 의사 클래스 및 의사 요소 사용 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿