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

互联网 20-10-30

css伪类和伪元素

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

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

目标伪类

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

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

::after  (在元素后面添加内容) ::before  (在元素前面添加内容) display:... 	inline-block(能够设置高度,和行内元素并排显示) 	inline 	block(独占一行) 	none(隐藏
	继承(一个元素如果没有设置某个属性的值,那么就会跟随父属性的值。如果设置了,就用自己的值) 		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教程

以上就是伪类和伪元素的使用方法介绍的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 伪元素
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:使用css grid构建复杂布局的小技巧!(值得收藏)

相关资讯