前端
我才是丶丶丶天使
这个作者很懒,什么都没留下…
展开
-
网页中字体图标的下载和引用
第一步:字体图标样式的下载字体图标下载网站:http://icomoo.io选择你想要的字体样式,并点击generate font来生成字体。这个时候就可以下载了。下载的文件是个压缩包,需要解压。第二步:字体图标样式的引用打开解压后的文件夹,把文件夹中fonts文件放进你用来创建网页的文件夹里。打开解压后的文件夹里的style.css文件,我们需要把里面的部分代码放进你用...原创 2020-04-21 21:38:27 · 561 阅读 · 0 评论 -
左中右布局占满屏幕,左右两边的盒子指定宽度,中间的盒子自适应大小。
展示效果:另一种方式的展示效果(浏览器窗口可以视为以下网页布局中的父盒子):HTML代码如下: <!-- 在HTML文档中先输入了中间的盒子,那么当左边和右边的盒子设置定位以后,左右两边的盒子将会覆盖掉部分中间的盒子 --> <!-- 如果中间的盒子在HTML文档中的位置处于中间的话,那么设置绝对定位以后的中间盒子将会覆盖掉前面的左盒子。 --> <...原创 2020-04-18 10:35:52 · 1443 阅读 · 0 评论 -
Ajax的基本概念和使用方法03
Ajax的基本概念和核心技术:Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器当中的脚本与服务器之间的中间人的角色。以往的请求都由浏览器发出,而JavaScript可以通过这个对象自己发送请求,同时也自己处理响应。Ajax技术的基本应用:首先,我们需要创建一个XMLHttpRequest,不同的浏览器有不同的创建方式,所以为了兼容各种版本的浏览器,创建XMLHttp...原创 2020-04-16 23:21:07 · 81 阅读 · 0 评论 -
解决父元素因子元素设置浮动而产生的高度塌陷的四种方式
父元素高度塌陷的原因:在没有设置高度的父元素内,子元素全部设置浮动以后,子元素脱离文档流,不在占有文档流的位置,因此父元素高度塌陷,对后面的元素排版将产生影响。方式一:额外标签法在父元素的后面添加一个空的块元素标签,并对这个空的块元素标签清除对他影响最大浮动。但是这种方法增加了无用的标签并且与结构与样式相分离的宗旨相违背。完整代码如下:<!DOCTYPE html><h...原创 2020-04-16 12:16:07 · 213 阅读 · 0 评论 -
使用JS中的定时器实现块元素背景颜色淡入和淡出的效果
效果展示:HTML代码如下:<body> <div id="div1"></div> </body>CSS代码如下:#div1{ width: 200px; height: 200px; background-color: red; /* 兼容ie6 */ /* filter: alpha(op...原创 2020-04-16 01:33:01 · 847 阅读 · 0 评论 -
JS实现的一个块元素可以自由移入移出的网页效果
展示效果为:HTML代码如下:<div id="div1"> <span>分享到</span> </div>CSS代码如下:#div1{ width: 150px; height: 200px; background-color: green; /* 给元素设置绝对定位 */ positio...原创 2020-04-16 00:19:49 · 420 阅读 · 0 评论 -
javescript实现图片无缝滚动的网页效果
效果展示:HTML代码:<!-- 放两个按钮用来控制滚动的方向 --> <input type="button" value="向左走"> <input type="button" value="向右走"> <!-- 一个大的div中含有一个无序列表,并且无序列表中有四个列表项,列表项中的图片自定义。 --> <div id...原创 2020-04-13 18:42:02 · 177 阅读 · 0 评论 -
子元素浮动之后引起的父元素高度塌陷问题
父元素高度塌陷问题出现的原因:父元素内的子元素设置浮动之后,子元素脱离文档流,没有设置高度的父元素失去该子元素原本支撑的高度,因此会出现高度塌陷问题。父元素高度塌陷展示:**解决办法:**在父元素的after后面添加一个空的内容,并把它转换为块元素,并且清除对它影响最大的浮动效果。相关代码如下所示:.clearfix:after{ content: ""; /* 添加一个空内容 *...原创 2020-04-13 16:25:46 · 420 阅读 · 0 评论