温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css中伪类和伪元素如何使用

发布时间:2020-11-02 10:58:54 来源:亿速云 阅读:199 作者:小新 栏目: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