ホームページ > ウェブフロントエンド > CSSチュートリアル > 疑似クラスと疑似要素の使用の概要

疑似クラスと疑似要素の使用の概要

王林
リリース: 2020-10-30 16:54:23
転載
2265 人が閲覧しました

疑似クラスと疑似要素の使用の概要

css 疑似クラスと疑似要素

line-height (行の高さの公式定義: テキストのベースラインを 2 行揃える)

(ビデオチュートリアルの推奨: css ビデオチュートリアル)

ターゲット疑似クラス

:link    (a:link 未访问的链接  浏览器有缓存!!所以刷新没用)
	a:active{color:   ;}
:active (长按住)
:visited (已经访问的链接)
:hover (鼠标放上去)
:focus (获取用户焦点)
ログイン後にコピー

疑似要素 (幅と高さを設定できないインライン要素です)

::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要素の型分け(要素を1行で表示できるかどうかによる) )

	块级元素 (独占父元素的一行) 常用的块级元素 
		●	div
		●	p
		●	h1-h6
		●	ul--li
		●	table
		●	from
ログイン後にコピー

インライン レベルの要素 (他のインライン要素と同じ行に表示できます)

		●	img
		●	span
		●	a
	●	inupt
ログイン後にコピー

関連する推奨事項:CSS チュートリアル

以上が疑似クラスと疑似要素の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート