文章库ARTICLE COLUMN

  • 解决滚动条突然出现导致的页面错位问题

    解决滚动条突然出现导致的页面错位问题

    摘要:而滚动条的突然出现,会让子元素统统向左抖了一下。解决方案一滚动条常驻不完美但也还行滚动条常驻,或者滚动条消失,都是为了避免滚动条从无到有这个突发过程。 有时候在一个宽高固定的容器中,需要加载更多内容,如果设置了overflow:auto,加载更...

    FaremaxFaremax 评论0 收藏0
  • 45个值得收藏的 CSS 形状

    45个值得收藏的 CSS 形状

    摘要:能够生成各种形状。正方形和矩形很容易,因为它们是的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。原文:45个值得收藏的 CSS 形状 作者:前端小智...

    shenhualongshenhualong 评论0 收藏0
  • 前端页面总结

    前端页面总结

    摘要:重叠元素元素的定位与文档流无关,所以它们可以覆盖页面上的其它元素属性指定了一个元素的堆叠顺序哪个元素应该放在前面,或后面一个元素可以有正数或负数的堆叠顺序具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。元素的默认值,没有定位,遵...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 9个设计师常用的高清图库 不敢配图? 这9个免版权图库牢记心中!

    9个设计师常用的高清图库 不敢配图? 这9个免版权图库牢记心中!

    摘要:二网址提供个人和免费商用的图像,图片质量非常高。五网址超过亿张高清图片,可以按照颜色查找的免费高质量图片中心。九网址适合平面设计师和网页设计师使用的图片素材,注册后可免费下载,个人和商业使用全部免费。一.pexels 提供大量高清尺寸,品质优...

    mjmj 评论0 收藏1
  • 原生模态框,遮罩层

    原生模态框,遮罩层

    摘要:哈哈哈哈中信营业厅高尧三汉中门分店会员有效期取消确定哈哈哈哈中信营业厅高尧三汉中门分店会员有效期取消确定meta charset="UTF-8" / meta name="viewport" content="width=device-width, initial-scale=1.0" / meta http-equiv...

    AlanAlan 评论0 收藏0
  • transition-timing-function 属性

    transition-timing-function 属性

    摘要:和和支持属性。注释以及更早版本的浏览器不支持属性。定义和用法属性规定过渡效果的速度曲线。在函数中定义自己的值。可能的值是至之间的数值。与上例相同,但通过来规定速度曲线transition-timing-function: linear; -moz-transition-timing-function:...

    CatalpaFlatCatalpaFlat 评论0 收藏0
  • css基础系列

    css基础系列

    摘要:盒子模型边框,外边距,内部距,内容,宽度。盒子模型和标准盒子模型行内块元素,元素呈现为具有相依特性元素不会被显示。文字基线属性设置元素中文本行高语法长度值百分比浏览器有默认的行高,不同浏览器默认行高不一样。 盒子模型: border边框,marg...

    SexySixSexySix 评论0 收藏0
  • 那些年使用过的清除浮动的方法

    那些年使用过的清除浮动的方法

    摘要:浮动使元素框向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框脱离了文档的普通流,所以文档的普通流中的框表现得就像浮动框不存在一样。浮动使元素框向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止...

    wqj97wqj97 评论0 收藏0
  • css水平垂直居中

    css水平垂直居中

    摘要:上面达不到需求,可以考虑使用定位,移动端能使用就使用垂直居中,单行文本,使用等于父元素高度,如果不行,就可以设置父元素,能解决一大部分问题,如果还不行就考虑定位配合,使用。1.CSS的水平居中, 1.1 父元素是块状元素,子元素为行内元素的居...

    sihaisihai 评论0 收藏0
  • 慕课网笔记--不同开发人员制作用户发言列表的不同思路

    慕课网笔记--不同开发人员制作用户发言列表的不同思路

    摘要:章节微博用户发言列表视频中提供了初级中级高级开发人员可能的不同布局方式。对整个用户发言区域进行整体布局,随后用浮动吧用户头像叉出去。这里视频中给右上角发布时间用的是绝对定位。有各种不同的实现方法,可以多尝试,打开思路。章节 2-1 微博用...

    番茄西红柿番茄西红柿 评论0 收藏0
  • Bootstarp的安装以及简单的使用方法(pycharm中)

    Bootstarp的安装以及简单的使用方法(pycharm中)

    首先打开Bootstarp的官网:https://v3.bootcss.com 下载完成后,解压压缩包,把解压后的文件导入pycham中 在HTML页面中的style中导入bootstrap的css文件和js文件,建议导入min.css,体积更小 以我的文件路径为例: link rel="stylesheet" href="bootstrap/c...

    RaaabbitRaaabbit 评论0 收藏0
  • 单行截断和多行截断问题

    单行截断和多行截断问题

    摘要:成立多年来,腾讯一直秉承一切以用户价值为依归的经营理念,为亿级海量用户提供稳定优质的各类服务,始终处于稳健发展状态。年月日,腾讯控股有限公司在香港联交所主板公开上市股票代号。display: inline-block; // 如果不是block元素,还需要设置这个...

    番茄西红柿番茄西红柿 评论0 收藏0
  • [转]webstorm中js文件被识别成txt类型

    [转]webstorm中js文件被识别成txt类型

    摘要:原因中文件被识别成文件,原因在于类型识别了以当前文件名命名的模式。解决办法找到类型,将其中的格式从中取消,拓展同理其他被识别成或其他格式的文件webstorm中index.js文件被识别成txt格式,如下图。 原因: webstorm中js文件被识别成txt文件,原...

    GeekQiaQiaGeekQiaQia 评论0 收藏0
  • flex 布局实现固定头部和底部,中间滚动布局

    flex 布局实现固定头部和底部,中间滚动布局

    摘要:关键词,实现和固定,中间多了滚动,少了撑满和宽度根据内容撑起,当然你可以自己设置小二,上代码来喽布局关键的来啦关键,布局关键,三块主题摆放。关键词:display: flex,flex: 1,  overflow-y: scroll; 实现:head 和footer 固定,中间body多了滚...

    ShimmerShimmer 评论0 收藏0
  • css常见的各种布局下----三列布局

    css常见的各种布局下----三列布局

    摘要:三列布局,左右固定宽度右边自适应不使用定位,只使用浮动可以实现左右固定,中间宽度自适应布局自适应部分一定要放第一个位子,使用浮动,并且设置宽度为,不设置浮动元素内容不够称不开整个宽度左右固定部位,使用负数,使其左右靠齐中间自适应部分嵌...

    JoonasJoonas 评论0 收藏0
  • 用animation的steps属性制作帧动画

    用animation的steps属性制作帧动画

    摘要:于是我顺着他的思路,用上了在中的属性。修改效果如下但是这都不是我们需要的效果,因为帧动画的关键在于瞬变。在的中,有一个属性。表示将动画分为帧。这个位置变化没有过渡效果,这就是的特点阶跃性。 昨天火急火燎地接到一个任务,说是要做一个掷骰...

    xuxuelixuxueli 评论0 收藏0
  • 官网

    官网

    此页面是否是列表页或首页?未找到合适正文内容。

    dreamGongdreamGong 评论0 收藏0
  • 关于Data URLs svg图片显示出错和浏览器URL hash #

    关于Data URLs svg图片显示出错和浏览器URL hash #

    摘要:而它们在处理时将后面的字符串当做为位置标识符,没有将后数据提交至浏览器内部解析器我认为的模拟服务器中,所以就出现了数据丢失解析异常。以上分析纯属个人猜测。在使用生成的svg图作为 img 标签是src值时,发现有部分浏览器显示异常,所以这里记录...

    JasonJason 评论0 收藏0
  • css实现发光文字,以及一点点js特效

    css实现发光文字,以及一点点js特效

    摘要:效果图代码如下帅此处是文字内容获取到我们的标签在鼠标指针进入到标签上时触发我是你爸爸设置标签之间的在鼠标指针离开标签上时触发帅设置标签之间的实现思路通过中的来实现文字的发光效果效果图:   代码如下: /head style body{ background-co...

    番茄西红柿番茄西红柿 评论0 收藏0
  • html基础复习

    html基础复习

    此页面是否是列表页或首页?未找到合适正文内容。

    史占广史占广 评论0 收藏0
  • CSS 圣杯布局 / 双飞翼布局的实现

    CSS 圣杯布局 / 双飞翼布局的实现

    摘要:先让它们浮动,并给和一个固定宽度,宽度,清除浮动流,结果变成上面这样。工作的越久,有些基础知识我们可能就逐渐淡忘了,今天我们来回顾一下css的圣杯布局和双飞翼布局, 这两个名词你可能不熟, 那三栏布局你肯定就非常熟悉了, 就是两边定宽, 中...

    bintabinta 评论0 收藏0
  • HTML基础系列

    HTML基础系列

    摘要:标记语言,网页制作的第一步。什么是呢查百度基础语法常用标签是超文本标记语言,不用编译,直接在浏览器中执行,是一个文本文件。长按下方二维码可关注,欢迎分享,置顶尤佳。 HTML标记语言,网页制作的第一步。 什么是HTML呢?查百度 基础语法 常用...

    huangjinnanhuangjinnan 评论0 收藏0
  • css常见的各种布局上(两列布局)

    css常见的各种布局上(两列布局)

    1.常见的两列布局 1.1左边固定,右边自适应,左边宽度已知,右边默认占满整行,使用left 左浮动,右边不浮动,设置margin-left:左侧宽度 style .box{ overflow: hidden; height: 500px; background-color: bisque; .box .box-left { margin-left: 1...

    DTeamDTeam 评论0 收藏0
  • h5实现实时时钟

    h5实现实时时钟

    摘要:这里调用是为了选取元素方便而已,初学建议用选取元素meta charset="UTF-8"/ meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" / ...

    AmioAmio 评论0 收藏0
  • 004. 前端跨域资源请求: JSONP/CORS/反向代理

    004. 前端跨域资源请求: JSONP/CORS/反向代理

    摘要:同源策略浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。不受同源策略限制的跨域资源的引入是允许的页面中的链接,重定向以及表单提交是不会受到同源策略限制的。1.什么是跨域资源请求? https://www.cnblogs.com...

    番茄西红柿番茄西红柿 评论0 收藏0

热门文章

<