自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 伪元素

伪元素今天讲的伪元素跟伪类定义是一样的,也是向某些选择器设置特殊的效果。但我觉得伪元素是用于将特殊的效果添加到某些选择器这种说法比较好一点。接下来重点来了,重点来了,伪元素和伪类是有很大区别滴。它们之间最明显的区别就是伪类没有创造新的元素,而伪元素是创造了新的元素的。当然伪元素是一种逻辑上存在,但不会存在与文档树中的元素。即在html文件中发现不了它所以伪元素作用主要是装饰内容 (无论是装饰图片还是音效) 而不需要更改HTML 的内容,从而帮助内容与样式更好地分离。伪元素有哪些::first-le

2020-10-19 09:12:28 207

原创 伪类

伪类什么是伪类,官方介绍:CSS 伪类用于向某些选择器添加特殊的效果。嗯,真的很官方。接下来就说说伪类有哪些吧首先伪类大致分为两种:UI伪类和结构化伪类。UI伪类会在HTML元素处于某种状态时,去应用相应的CSS样式;而结构化伪类,一般都是用来对子元素的选择,然后再应用相关的CSS样式UI伪类:a.链接伪类a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #F

2020-10-17 10:35:10 168

原创 CSS 清除浮动的方法

为什么要清除浮动因为浮动元素会脱离文档流,对父级元素的高度产生一定的影响。如果一个父级元素中的子元素都是浮动元素,那么父级元素的高度就会为0,即我们常说的高度塌陷怎么清除浮动第一种方法:空div方法。这种方法是在父元素的结尾前加一个空白的div如:div{height:0;display:“block”;clear:both;}其实操作就是你要清除浮动的后面那个元素加个clear:both。如果你后面没有div,那当然得加一个空白的不是。但是这种写法不符合我们作为一个优秀的前端程序员该有

2020-10-16 09:10:26 127

原创 CSS 水平垂直居中方法

定宽1. text-align:center; line-height=height;2. margin:0 auto;3. 父级:{ position:relative; } 子级:{ position:absolute; left:50%; top:50%; margin-left:-元素自身宽度的距离 margin-top:-元素自身宽度的距离 } 4. 父级:{ position:relative; } 子级:{

2020-10-15 09:15:47 131 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除