<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ACV程序猿的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/IT2107</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; IT2107]]></copyright><item><title><![CDATA[定位实现侧边导航]]></title><link>https://blog.youkuaiyun.com/IT2107/article/details/119546601</link><guid>https://blog.youkuaiyun.com/IT2107/article/details/119546601</guid><author>IT2107</author><pubDate>Mon, 09 Aug 2021 21:09:44 +0800</pubDate><description><![CDATA[很多页面都会有侧面导航，如图：



要实现这样的功能，无疑要用到定位，下面我以婚礼纪的例子讲解该功能是如何实现的。

说到定位，大家要想到position属性，父相子绝，position的其中两个属性值relative相对定位，absolute绝对定位，我解释一下什么是定位，相对定位的参照物是没有定位之前的位置，也就是盒子初始的位置，

绝对定位的参照物：

当元素的父元素都没有定位的时候参照物为浏览器的可是窗口（页面）；

当你其中一个父元素有定位的时候，那么这个元素的参照物就为这个定位元素；
...]]></description><category></category></item><item><title><![CDATA[如何让多行文本出现省略号？]]></title><link>https://blog.youkuaiyun.com/IT2107/article/details/119546221</link><guid>https://blog.youkuaiyun.com/IT2107/article/details/119546221</guid><author>IT2107</author><pubDate>Mon, 09 Aug 2021 20:34:03 +0800</pubDate><description><![CDATA[在很多时候，我们写页面时，当我们的文本过多时，太多文字会影响页面的美观，这时我们就要学会压缩文本，省略掉多余的文本，下面我要讲的是，如何让多余文本省略。

首先要认识以下的属性：

    1.text-overflow:ellipsis;这是溢出文本显示省略号的必要属性。

    2、容器宽度：width：value；（px、%，都可以）（必须要有宽度）；

3、主要是控制父容器里面子元素的排列方式 ：display: -webkit-box;

4、实现...]]></description><category></category></item><item><title><![CDATA[如何固定背景不随滚动条滚动？]]></title><link>https://blog.youkuaiyun.com/IT2107/article/details/119534579</link><guid>https://blog.youkuaiyun.com/IT2107/article/details/119534579</guid><author>IT2107</author><pubDate>Mon, 09 Aug 2021 19:56:17 +0800</pubDate><description><![CDATA[首先我们先了解几个背景属性值：

1、背景图片的设置 background-image：url(背景图片的路径及全称)；背景图片的显示原则

1）容器尺寸等于图片尺寸，背景图片正好显示在容器中

2）容器尺寸大于图片尺寸，背景图片将默认平铺，直至铺满元素；

3）容器尺寸小于图片尺寸，只显示元素范围以内的背景图。

网页上有两种图片形式：插入图片、背景图；插入图片：属于网页内容，也就是结构。背景图：属于网页的表现，背景图上可以显示文字、插入图片、表格等。

2、背景图片平铺属性{background-rep]]></description><category></category></item></channel></rss>