首頁 > web前端 > css教學 > 偽類和偽元素的使用方法介紹

偽類和偽元素的使用方法介紹

王林
發布: 2020-10-30 16:54:23
轉載
2271 人瀏覽過

偽類和偽元素的使用方法介紹

css偽類別和偽元素

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

(影片教學建議: 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
	层叠(后面的样式会覆盖前面的样式)
		当选择器相同时 后面的选择器会覆盖前面的
		当选择器不同时,根据选择器的权重设置
登入後複製

列表

	ul(无序列表)
	ol   (有序列表)
登入後複製

表格

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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板