文章库ARTICLE COLUMN

  • css 实现竖直居中的 N 种场景及 N 种方法

    css 实现竖直居中的 N 种场景及 N 种方法

    摘要:块级元素竖直居中通常借助绝对定位和等手段,在已知或者未知块级元素高度时,分别使用不同的方法。 刚开始工作的时候,css 里的竖直居中一直是个老大难问题。每次用到的时候都去网上搜,搜,搜,半天才搜到合适的解决方法。然后下次遇到,呃,又忘了~ ...

    rozborozbo 评论0 收藏0
  • PIE(解决IE9以下圆角等兼容性问题)

    PIE(解决IE9以下圆角等兼容性问题)

    摘要:一能使支持的一些属性,例如圆角,阴影等。具体的使用可详见使支持圆角盒阴影与渐变渲染三的使用在网页中加入脚本。注意,用专用的注释,防止非浏览器下载。以下代码在及以上浏览器可正常显示。 一、PIE PIE能使IE6-9支持CSS3的一些属性,例如圆角,阴...

    whlongwhlong 评论0 收藏0
  • CSS3 巧妙实现聊天气泡

    CSS3 巧妙实现聊天气泡

    摘要:想必大家都知道,这里不赘述,聊一聊其他实现方法。这里的三角形部分可以使用正方形代替,实现同样效果,方法就是旋转小正方形使其一部分露在外面。 showImg("https://segmentfault.com/img/bVEcKn?w=4136&h=1956"); 前一阵子敢玩的 Mobile 页改版完成...

    bang590bang590 评论0 收藏0
  • 七种css方式让一个容器水平垂直居中

    七种css方式让一个容器水平垂直居中

    摘要:效果图都为这个方法一加兼容性主流浏览器均支持,不支持方法二兼容性由于的原因,不兼容方法三加兼容性以下不支持,手机端表现的比较好。而且支持不固定宽高的情况,快准狠也就是用或者如果是端,要考虑兼容性的话。 阅读目录 方法一:position加margi...

    zr_hebozr_hebo 评论0 收藏0
  • 自己动手实现一个 Flex 布局框架

    自己动手实现一个 Flex 布局框架

    摘要:通过加对应的调整布局。这些类实际是通过使用选择器为当前元素增加了左侧的边距。简单说两种模式属性为代表的框架自定义属性为代表的框架我个人认为过多导致布局和样式混在一起不好分辨,后期维护较困难,决定采用框架的设计模式。 showImg("https://s...

    davidacdavidac 评论0 收藏0
  • 自适应网页设计

    自适应网页设计

    摘要:一允许网页宽度自动调整首先,在网页代码的头部,加入一行标签。四选择加载自适应网页设计的核心,就是引入的模块。参考自自适应网页设计基于等视区相对单位的响应式排版和布局 一、允许网页宽度自动调整 首先,在网页代码的头部,加入一行viewport标...

    EuphoriaEuphoria 评论0 收藏0
  • 切图崽的自我修养-[MVVM] 进一步认知viewModel

    切图崽的自我修养-[MVVM] 进一步认知viewModel

    摘要:前言上一篇讲到了但其实一直还对中的部分存在一些理解问题敲了一遍的之后,加深了对的理解例子现在需求如下,有一个按钮,点击之后,发送请求,并将接收到的结果更新到中传统写法在上绑定点击事件一旦捕获到点击事件,向后台发送一条请求得到后台返回的...

    yuanzhanghuyuanzhanghu 评论0 收藏0
  • webkit内核下,字号会自动放大的问题

    webkit内核下,字号会自动放大的问题

    摘要:内核下,字号会自动放大的问题问题描述有时候在做移动端页面的时候,会发现某些字体会自动放大而页面中另一部分却是对的,放大的比例看上去还没啥规律,很是诡异。 webkit内核下,字号会自动放大的问题 bloggithub 问题描述 有时候在做移动端页面的时...

    YancyYeYancyYe 评论0 收藏0
  • CSS 行内对齐的黑魔法

    CSS 行内对齐的黑魔法

    摘要:魔法完整代码如下今日瞎选篇以上代码运行效果和之前一摸一样这里就不一一截图费大家流量啦良心前端。。。。对这个属性不熟悉的朋友可以去看的文档几种语法如下我们用的这个长度单位实际应用较少,却是行内元素垂直对齐的黑魔法。 showImg("https://seg...

    endaenda 评论0 收藏0
  • CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

    CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

    摘要:像这样子美团的页面中,格子的竖线是怎么画的呢是用和元素画的。主要是利用了单选框元素的伪类和相邻选择器。另外利用表单元素的伪类,可以元素来代替单选框复选框等表单元素的本身,因为为表单元素本身定义样式十分困难。 前几天遇到一个页面需求是这...

    BigNerdCodingBigNerdCoding 评论0 收藏0
  • position: sticky 详解(防坑指南)

    position: sticky 详解(防坑指南)

    摘要:写这篇文章的原因是无论中文还是英文关于的文章,只是说了这个性感的新特性可以拿来用,简单写一个完事,并没有详细的解析它。属性效果的本意是粘糊糊的,但在中的表现更像是吸附。强调这一点是因为在实际使用中,碰到设置的时候元素停在某一个位置不动...

    caikealcaikeal 评论0 收藏0
  • 理解并运用 CSS 的负 margin 值

    理解并运用 CSS 的负 margin 值

    摘要:大多数情况下,我们采用的都是正数的值,可能有时候会用到负的值。但是,本文要说明的就是,负的值并不是,这是正常范围内的写法。所以,具体行为按照以下几种情况说明。我们为设置了两个的负值,分别是,以及。 本文样式代码采用 SCSS。 浏览器兼容...

    AlanAlan 评论0 收藏0
  • 好用的sublime text 插件(有空的时候持续更新)

    好用的sublime text 插件(有空的时候持续更新)

    摘要:安装版本博客做的挺好看的这人,附个链接,我指的是网页版本版本百度经验用来快捷编辑内容附上网上别人写的快捷键教程一个写注释的快捷插件,快捷方式自动补全文件名的一个插件我的订阅号我们一起学前端 安装control package mac版本博客做的挺好看的...

    yiliangyiliang 评论0 收藏0
  • 解析link元素

    解析link元素

    摘要:一个元素由下面部分构成元素告诉浏览器,这里有一个文件可以插入到文档中。当是空元素的时候,它不需要闭合标签。由于文件是被引入的,其值为。 一个link元素由下面4部分构成: link元素告诉浏览器,这里有一个文件可以插入到文档中。当link是空元素...

    songzesongze 评论0 收藏0
  • 切图崽的自我修养-[TOOL] 用MockJs模拟数据

    切图崽的自我修养-[TOOL] 用MockJs模拟数据

    摘要:用前后端分离的开发模式,前端和后端约定好接口格式之后,前端可以用模拟返回数据,从而可以完全脱离后端进行开发安装使用这里作用等价于拓展周杰伦林俊杰邓紫棋方大同自定义的拓展函数同理,用占位符和调用具体的函数等价可模拟整形数组的长度和值可模...

    JadenJaden 评论0 收藏0
  • (CSS) px,pt,em,rem的区别

    (CSS) px,pt,em,rem的区别

    摘要:一绝对长度单位绝对长度单位代表一个物理测量,当输出介质的物理性质是已知的,如用于打印布局。对于打印机和高分辨率的屏幕,一个意味着多个设备像素,因此,每英寸的像素的数量保持在左右。是新增的单位,等于根元素的字体大小。 一、绝对长度单位 ...

    Lemon_95Lemon_95 评论0 收藏0
  • 网站开发到上线全过程记录

    网站开发到上线全过程记录

    摘要:设计静态界面搭建动态界面搭建本地环境动态数据获取头部底部导航菜单首页列表循环输出遇到的问题图片循环不出来创建文章模版相当于详细页循环的图片就是在详细页面里面获取的后台上传的时候封面放在在第一个位置,为了图片循环好获取数据实现各种功能上...

    WildcardWildcard 评论0 收藏0
  • 【转】理解CSS模块化

    【转】理解CSS模块化

    摘要:但是最终,我们会为模块化带来的好处而开心模块将作用域限制于组件中,从而避免了全局作用域的问题。但这是因为模块将样式和组件相绑定,从而不会发生全局样式的冲突。先从版本的模块化开始。我认为模块化背后的思想是正确的。 原文链接: https://www...

    Pines_ChengPines_Cheng 评论0 收藏0
  • 浏览器的兼容性

    浏览器的兼容性

    摘要:浏览器的兼容性兼容有很多新增的标签,在不支持的浏览器中不能正常显示。事件处理中属性,标准浏览器是作为参数带入,而是方式获得。 浏览器的兼容性 html5兼容 html5有很多新增的标签,在不支持html5的浏览器中不能正常显示。解决方法:使用html5的静...

    yeoooyeooo 评论0 收藏0
  • css3旋转的盒子

    css3旋转的盒子

    摘要:因为不管你怎么活,明天太阳照样升起。我们能做的,就是尽全力不让自己被这种慢性毒药所蛊惑,努力,努力冲开束缚你的结界。 工作中一直做普通的网页,今天浏览到一篇做3d旋转的盒子的效果,感觉挺好玩,于是跟着教程练了练,在此做个记录html ...

    MorePainMoreGainMorePainMoreGain 评论0 收藏0
  • css基础知识整理篇

    css基础知识整理篇

    摘要:折叠后的计算参与折叠的都是正值在都是正数的情况下,取其中较大的值为最终值。参与折叠的中有正值,有负值有正有负,先取出负中绝对值中最大的,然后,和正值中最大的相加。单冒号用于伪类,双冒号用于伪元素。 转自某个大神整理的面试题 盒子模型 标...

    QiShareQiShare 评论0 收藏0
  • BFC与自适应浅析

    BFC与自适应浅析

    摘要:最常见的有简称和简称。的区域不会与重叠。也就是说只要父容器形成就可以,触发方式见上清除浮动比较好的方法以上用,用更好的方法自适应布局触发自适应属性对比参考资料张鑫旭老师的博客 本文是从之前的csdn上的乱七八糟的笔记整理过来的 概念   Fo...

    makeFoxPlaymakeFoxPlay 评论0 收藏0
  • WAP2.0开发 网站案例

    WAP2.0开发 网站案例

    摘要:百度云提取密码附加一个模版下载链接网站和教程上面链接必需复制粘贴 百度云:https://pan.baidu.com/s/1nvvZDwd提取密码:waf7 附加一个模版下载链接:http://download.csdn.net/tag/...网站和wap%2B2.0教程上面链接必需复制粘贴...

    xiangchaobinxiangchaobin 评论0 收藏0
  • 层叠上下文

    层叠上下文

    摘要:主要从以下途径学习张鑫旭大大的博文层叠顺序层叠顺序遵循下图的规则,其中在张鑫旭大大的博文中提到的层叠顺序与图中是一个的实际上和单纯从层叠水平上看,可以认为是同一两者在层叠上下文领域有着根本性的差异。 本文是我学习层叠上下文的总结。主要...

    CoyPanCoyPan 评论0 收藏0
  • 匹配第质数个元素的 CSS 选择器长度

    匹配第质数个元素的 CSS 选择器长度

    摘要:容易看出,对于个元素,采用这种方法匹配所有质数所需的选择器的个数至少为也就是的复杂性。质数分布的渐近定律是这样说的,把上式代入可以得到我们的选择器长度复杂度为由于故我们化简后的选择器长度复杂性为有任何错误欢迎指出。。。 之前回答过这么...

    JayChenJayChen 评论0 收藏0

热门文章

<