2020-10-20 10:05发布
a:link 没有访问之前a标签的样式
a:visited 已访问a标签的样式
a:hover a标签鼠标移上的样式
a:actived a标签鼠标按下的样式
input:focus input表单元素获取焦点
input:blur input表单元素失去焦点
"除了结构性伪类，CSS3新增的伪类选择器还包括与用户界面相关的3个伪类：
:enabled、:disabled和:checked
常用于控制表单控件。
:enabled、:disabled 控制表单控件的禁用状态。
:checked，单选框或复选框被选中。
伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。
伪类的功能和一般的DOM中的元素样式相似，但和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。
CSS伪类选择器：
CSS3新增的伪类选择器：
:checked 被选中 主要用在input表单元素上
:not 排除
:last-child 最后一个元素
:nth-child(n) n表示具体的第几个 odd/2n+1 奇数 even/2n 偶数
:only-child 仅仅/唯一的元素
:nth-last-child(n) 倒数第几个元素 :nth-last-child(1) <=> :last-child
:first-of-type 第一个同级兄弟元素
:last-of-type 最后一个同级兄弟元素
:only-of-type 只有一个同级兄弟元素
:nth-of-type(n) 第几个同级兄弟元素
:nth-last-of-type(n) 倒数第几个同级兄弟元素
:empty 空内容
一、position 的四个值：static、relative、absolute、fixed。绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative默认值：static二、relative定位与absolute定位的区别实例：HTML代码：css代码：初始效果：1、relative：相对于原来位置移动，元素...
1.static:正常文档定位，此时top,bottom,left和z-index属性无效，块级元素从上往下纵向排布，行级元素从左往右排列2.relative: 相对定位，此时的相对是相对于正常文档流的位置3.absolute:相对于最近的非static定位祖先元素的偏移，来确定元素位置，比如一个绝...
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素相对于它的起点进...
浮动和定位都可以使元素脱离标准文档流,提升层级, 浮动脱离文档流，提高半个层级，不能完全覆盖下面元素（不能覆盖图片文字）定位脱离标准文档流，提升一个层级，可以完全覆盖下面元素及其内容...
绝对定位就是你的位置已经不属于你了，你只能漂浮在半空中。相对定位就是你的位置你还占用的，人还在飘着有意思的是这些都是相对父辈元素有position为相对或者绝对属性来定位的，都找不到的话就以body窗口来定位。...
定位：1、相对定位 position:relative; 兼容2、绝对定位 absolut 兼容3、固zhuan定定位 fixed ie6不兼容
css浮动属性通俗的来说就是让一个个原本坚守自己位置的元素让它们在网页中能紧挨在一起，举个例子来说吧，就比如有两个div盒子在网页中显示，一个盒子里展示的是图片，另一个盒子中展示的是文字，他们虽说自己占有的位置不大，可是他们却各占一行来显示，这可...
引言：这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的...
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。 CSS3新增特性CSS3圆角边框：border-radius（解决了原有圆角边框需要截图的问题）CSS3文本阴影与盒阴影：text-shadow、box-shadow（可以用于实现标签边框或阴影）CSS3背景尺寸、背景切割和背景原点：backgr...
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 慢半拍 的问题《【Web前端基础】css3伪类选择器有哪些》','http://www.shouhuola.com/q-30480.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
a:link 没有访问之前a标签的样式
a:visited 已访问a标签的样式
a:hover a标签鼠标移上的样式
a:actived a标签鼠标按下的样式
input:focus input表单元素获取焦点
input:blur input表单元素失去焦点
"除了结构性伪类，CSS3新增的伪类选择器还包括与用户界面相关的3个伪类：
:enabled、:disabled和:checked
常用于控制表单控件。
:enabled、:disabled 控制表单控件的禁用状态。
:checked，单选框或复选框被选中。
伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。
伪类的功能和一般的DOM中的元素样式相似，但和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。
CSS伪类选择器：
a:link 没有访问之前a标签的样式
a:visited 已访问a标签的样式
a:hover a标签鼠标移上的样式
a:actived a标签鼠标按下的样式
input:focus input表单元素获取焦点
input:blur input表单元素失去焦点
CSS3新增的伪类选择器：
:checked 被选中 主要用在input表单元素上
:not 排除
:last-child 最后一个元素
:nth-child(n) n表示具体的第几个 odd/2n+1 奇数 even/2n 偶数
:only-child 仅仅/唯一的元素
:nth-last-child(n) 倒数第几个元素 :nth-last-child(1) <=> :last-child
:first-of-type 第一个同级兄弟元素
:last-of-type 最后一个同级兄弟元素
:only-of-type 只有一个同级兄弟元素
:nth-of-type(n) 第几个同级兄弟元素
:nth-last-of-type(n) 倒数第几个同级兄弟元素
:empty 空内容
伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。
伪类的功能和一般的DOM中的元素样式相似，但和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。
a:link 没有访问之前a标签的样式
a:visited 已访问a标签的样式
a:hover a标签鼠标移上的样式
a:actived a标签鼠标按下的样式
input:focus input表单元素获取焦点
input:blur input表单元素失去焦点
a:link 没有访问之前a标签的样式
a:visited 已访问a标签的样式
a:hover a标签鼠标移上的样式
a:actived a标签鼠标按下的样式
input:focus input表单元素获取焦点
input:blur input表单元素失去焦点
相关问题推荐
一、position 的四个值：static、relative、absolute、fixed。绝对定位：absolute 和 fixed 统称为绝对定位相对定位：relative默认值：static二、relative定位与absolute定位的区别实例：HTML代码：css代码：初始效果：1、relative：相对于原来位置移动，元素...
1.static:正常文档定位，此时top,bottom,left和z-index属性无效，块级元素从上往下纵向排布，行级元素从左往右排列2.relative: 相对定位，此时的相对是相对于正常文档流的位置3.absolute:相对于最近的非static定位祖先元素的偏移，来确定元素位置，比如一个绝...
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素相对于它的起点进...
浮动和定位都可以使元素脱离标准文档流,提升层级, 浮动脱离文档流，提高半个层级，不能完全覆盖下面元素（不能覆盖图片文字）定位脱离标准文档流，提升一个层级，可以完全覆盖下面元素及其内容...
绝对定位就是你的位置已经不属于你了，你只能漂浮在半空中。相对定位就是你的位置你还占用的，人还在飘着有意思的是这些都是相对父辈元素有position为相对或者绝对属性来定位的，都找不到的话就以body窗口来定位。...
定位：1、相对定位 position:relative; 兼容2、绝对定位 absolut 兼容3、固zhuan定定位 fixed ie6不兼容
css浮动属性通俗的来说就是让一个个原本坚守自己位置的元素让它们在网页中能紧挨在一起，举个例子来说吧，就比如有两个div盒子在网页中显示，一个盒子里展示的是图片，另一个盒子中展示的是文字，他们虽说自己占有的位置不大，可是他们却各占一行来显示，这可...
引言：这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的...
一：块元素块元素在很多浏览器中，都是显示占据一行，并且排斥其他元素和其他元素在同一行，在浏览器中，块元素出现的形状是矩形，并且盛放其他元素。例如有div，和h1～h6，p，hr，ol，ul。这些标签应该都不是很陌生，其中，和标签是块标签，并且独立占据一行...
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
CSS和CSS3都是样式，CSS3是在CSS上新增了样式属性。 CSS3新增特性CSS3圆角边框：border-radius（解决了原有圆角边框需要截图的问题）CSS3文本阴影与盒阴影：text-shadow、box-shadow（可以用于实现标签边框或阴影）CSS3背景尺寸、背景切割和背景原点：backgr...
相邻兄弟选择器、通用兄弟选择器、属性选择器、伪类选择器、伪元素选择器
1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自...
ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type=text] {}
基于SVG实现简单时钟效果前端绘图目前浏览器端绘制图形有2种主流方式：SVG和Canvas。相对于Canvas的更加底层的绘图API，SVG是一种声明式的，更可读、易于理解、方便交换。提到前端绘图，事实上有多种技术可以选择，除了SVG和Canvas，还可以基于javascript操作...