自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 定位实现侧边导航

很多页面都会有侧面导航,如图: 要实现这样的功能,无疑要用到定位,下面我以婚礼纪的例子讲解该功能是如何实现的。 说到定位,大家要想到position属性,父相子绝,position的其中两个属性值relative相对定位,absolute绝对定位,我解释一下什么是定位,相对定位的参照物是没有定位之前的位置,也就是盒子初始的位置, 绝对定位的参照物: 当元素的父元素都没有定位的时候参照物为浏览器的可是窗口(页面); 当你其中一个父元素有定位的时候,那么这个元素的参照物就为这个定位元素; ...

2021-08-09 21:09:44 488

原创 如何让多行文本出现省略号?

在很多时候,我们写页面时,当我们的文本过多时,太多文字会影响页面的美观,这时我们就要学会压缩文本,省略掉多余的文本,下面我要讲的是,如何让多余文本省略。 首先要认识以下的属性: 1.text-overflow:ellipsis;这是溢出文本显示省略号的必要属性。 2、容器宽度:width:value;(px、%,都可以)(必须要有宽度); 3、主要是控制父容器里面子元素的排列方式 :display: -webkit-box; 4、实现...

2021-08-09 20:34:03 2849 1

原创 如何固定背景不随滚动条滚动?

首先我们先了解几个背景属性值: 1、背景图片的设置 background-image:url(背景图片的路径及全称);背景图片的显示原则 1)容器尺寸等于图片尺寸,背景图片正好显示在容器中 2)容器尺寸大于图片尺寸,背景图片将默认平铺,直至铺满元素; 3)容器尺寸小于图片尺寸,只显示元素范围以内的背景图。 网页上有两种图片形式:插入图片、背景图;插入图片:属于网页内容,也就是结构。背景图:属于网页的表现,背景图上可以显示文字、插入图片、表格等。 2、背景图片平铺属性{background-rep

2021-08-09 19:56:17 1661

空空如也

空空如也

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

TA关注的人

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