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

css中伪类和伪元素如何使用？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

南浔网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联公司2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

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中伪类和伪元素如何使用大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。

本文标题：css中伪类和伪元素如何使用
文章位置：http://shouzuofang.com/article/jdidpo.html