溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css中偽類和偽元素如何使用

發布時間:2020-11-02 10:58:54 來源:億速云 閱讀:237 作者:小新 欄目:web開發

css中偽類和偽元素如何使用?這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容,讓我們一起來看看吧!

css偽類和偽元素

line-height (行高 官方定義:兩行文字基線對齊 )

目標偽類

: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
	層疊(后面的樣式會覆蓋前面的樣式)
		當選擇器相同時 后面的選擇器會覆蓋前面的
		當選擇器不同時,根據選擇器的權重設置

列表

	ul(無序列表)
	ol   (有序列表)

表格

table
		tr單元行
		td單元格
		boder 邊框
		cellpadding   單元格內部的間距
		cellspacing 單元格之間的距離
		width 表格的寬度
		align 表格的水平對齊方式

css元素類型的劃分(根據元素能不能在一行顯示)

	塊級元素 (獨占父元素的一行) 常用的塊級元素 
		●	div
		●	p
		●	h2-h7
		●	ul--li
		●	table
		●	from

行內級元素(可以和其他行內元素同一行顯示)

		●	img
		●	span
		●	a
	●	inupt

感謝各位的閱讀!看完上述內容,你們對css中偽類和偽元素如何使用大概了解了嗎?希望文章內容對大家有所幫助。如果想了解更多相關文章內容,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女