文章库ARTICLE COLUMN

  • 关于BFC的总结

    关于BFC的总结

    摘要:虽然工作这么多年了,但是如果让我直接解释一下什么是的时候,还是感觉有点不知道怎么准确的表达,下面就翻翻文档,总结一下,加深一下认识吧。两个兄弟盒之间的垂直距离由属性决定。最常见的有简称和简称。 虽然工作这么多年了,但是如果让我直接解释...

    chadLichadLi 评论0 收藏0
  • CSS 水平居中

    CSS 水平居中

    摘要:零散的知识不整理进入自己的知识框架太容易忘,对于脑子里零零散散的整理自勉水平居中块级元素水平居中此居中的方法前提为居中块级元素宽度必须固定才可设置自动计算左右补白可见块的设置为后实现水平居中,但是设置为确并不能垂直居中特点浏览器兼容 ...

    zhaofeihaozhaofeihao 评论0 收藏0
  • CSS 水平垂直居中

    CSS 水平垂直居中

    摘要:聚沙成塔,聚水成涓父元素高度确定的单行文本设置只是单行文本水平垂直居中,块级元素并没有实现水平垂直居中方法一使用,设置特点兼容性好,不过需固定宽高注意如果不设置为则将基于根元素定位居中实现水平垂直居中方法二同时设置特点可 聚沙成塔,聚...

    wujl596wujl596 评论0 收藏0
  • CSS 布局模型

    CSS 布局模型

    摘要:包含种基本的布局模型即为元素的中布局模型分别为流动模型标准文档流方式,元素从上至下,从左至右是默认的网页布局方式特点块状元素占据多带带的一行,从上至下排列内联元素会从左至右排列浮动模型网页元素可通过设置属性值浮动,利用浮动特性布局层模...

    tracytracy 评论0 收藏0
  • Codepen 每周精选:值得收藏的24个页面特效(2018-5-21)

    Codepen 每周精选:值得收藏的24个页面特效(2018-5-21)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 像游戏一样精美的动画表单https://codepen.io/airnan/pen... 2. 纯 css 写的抽屉效果https://c...

    Forest10Forest10 评论0 收藏0
  • FCC 成都社区·技术周刊 第 13 期

    FCC 成都社区·技术周刊 第 13 期

    摘要:前端支持同域才能发送本月初,浏览器发布。所谓攻击,就是使用真实的进行恶意行为。链接发布此次发布亮点包括类型以及对和映射对象类型中的符号和数字文字的支持。但直到看到了,总算觉得社区又进了一步。微信已将对弈源码和训练好的模型开源。 【前端...

    SeaySeay 评论0 收藏0
  • 常用的unicode编码图形

    常用的unicode编码图形

    摘要:常见的编码图形代码如下常用的图形对勾不对称细对勾不对称粗叉号不对称细叉号不对称粗叉号对称叉号对称 unicode常见的编码图形,代码如下: Unicode常用的图形 .dui1::after { content: "2713" ...

    VultrVultr 评论0 收藏0
  • css自定义复选框样式

    css自定义复选框样式

    摘要:效果图如下代码如下经济类型通风方式允许最大采深米供电方式冲击地压质量标准化等级型号煤层自燃倾向性水文地质类型矿井正常涌水量主要灾害类型分裂煤矿类型瓦斯等级运输方式样式如下 效果图如下: showImg("https://segmentfault.com/img/bVbaURv?w=29...

    TIGERBTIGERB 评论0 收藏0
  • vue配置多页面

    vue配置多页面

    摘要:安装环境安装并添加入环境变量安装淘宝镜像安装安装脚手架创建项目模板进入到要放项目的文件夹安装目录结构调整配置文件修改添加依赖返回目录中的所有子文件修改文件夹中的文件新增代码页面模板取得相应的页面路径,因为之前的配置,所 1.安装环境 安...

    OnlyLingOnlyLing 评论0 收藏0
  • 前端面试常见题型

    前端面试常见题型

    摘要:布局垂直居中生命周期优化手段常用的新特性面向对象原型切割文件各种原生用法浏览器缓存机制机制 1 css布局2 垂直居中3 react生命周期 优化手段 purerender4 es6常用的新特性5 this6 面向对象 原型7 webpack 切割文件8 array string各种原生用法9 prom...

    anquananquan 评论0 收藏0
  • 前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

    前端每日实战:25# 视频演示如何用纯 CSS 创作一个慧星拖尾效果的 loader 动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWJZ?w=500&h=500"); 效果预览 按下右侧的点击预...

    iliyakuiliyaku 评论0 收藏0
  • 网页单位和rem使用小结

    网页单位和rem使用小结

    摘要:像素像素是一个相对单位。相对不同屏幕,其实际像素大小不同。解决方案直接使用实现的终端适配有兴趣的小伙伴可以看下的解决方案使用实现手淘页面的终端适配地址移动端适配单位的坑你知道多少关于移动端布局的一些总结 网页尺寸单位 百分比(%) 英寸...

    王岩威王岩威 评论0 收藏0
  • 单选框和字对齐

    单选框和字对齐

    摘要:因为大部分浏览器字体大小都是文字的底线和单选框是不对齐的最简单的方法就把单选框和字都加上就好了如果还有有点不完美就用这样微调一下单选框如果上面的万能方法不行就试试下面的以单选框加以单选框加以单选框加 showImg("https://segmentfault.com/...

    邹强邹强 评论0 收藏0
  • IPhoneX网页布局简介

    IPhoneX网页布局简介

    摘要:在使用定位的时候如果和理想效果有偏差可以试试设置的高度为全屏时代即将来临,未来我们应该有更多的方法进行网页布局。 IPhoneX全面屏是十分科技化的,但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配,没有X的同...

    HwgHwg 评论0 收藏0
  • 使用CSS画个图标

    使用CSS画个图标

    摘要:具体样式如下绘制图标三当我们能深入理解一些属性的时候,实现一些复杂的图标完全不是难事无非就是将简单的图形组合起来。 CSS绘制图标(一) 我们使用单个标签绘制一个文件的图标。HTML内容很简单,就一句话。 右上角折叠三角采用after伪元素实现,...

    沈建明沈建明 评论0 收藏0
  • TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    TP5整合阿里云OSS上传文件第二节,异步上传头像(下)

    摘要:找到头像下面的添加一个的样式类将内容改变成上传成功并且显示上传成功文件上传失败,同样是添加找到头像下面的添加一个的样式类将内容改变成上传失败并且显示上传失败完成上传完了,成功或者失败,先删除进度条。 是这个功能的最后一步了,新增插件:la...

    qiangdadaqiangdada 评论0 收藏0
  • Muse UI遇到的坑

    Muse UI遇到的坑

    摘要:项目本身需要用到字体包,但由于一些众所周知的原因,国内网络无法访问一些外网。下载字体包,然后放到静态文件夹中,再从引入。问题来了情况一在系统首页路由是,可以正常读取到字体包,所以页面渲染成功,没问题的图一。然后就锁定到中引入的标签。 ...

    scwang90scwang90 评论0 收藏0
  • 前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

    前端每日实战:26# 视频演示如何用不到 50 行 CSS 代码,创作按钮被从纸上掀起的立体效果

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频教程此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbcWKg?w=500&h=500"); 效果预览 按下右侧的点击预...

    cgh1999520cgh1999520 评论0 收藏0
  • Java 学习路线之四个阶段

    Java 学习路线之四个阶段

    摘要:写这篇总结,主要是记录下自己的学习经历,算是自己对知识的一个回顾。这个阶段学习的时候,要学会使用开发工具,比如或者来学习。这个阶段需要自己对自己有很强的自律去学习,不要看了一半就放弃了。 showImg("https://segmentfault.com/img/bVbaNtw?...

    fredsharefredshare 评论0 收藏0
  • CSS3 border-radius妙用

    CSS3 border-radius妙用

    摘要:分解出来就是以左上角为例子小例子属性允许您为元素添加圆角边框效果总结可以用画一些复杂的效果图,下面链接大神画的小猪佩奇,真是无所不能。 border-radius:左上 右上 右下 左下(就是顺时针) 如果没有4个值的情况下,缺的那个角的值与对角相等(...

    andycallandycall 评论0 收藏0
  • 深入理解css之line-height

    深入理解css之line-height

    摘要:的应用大部分时候,我们设置,都是为了垂直居中对齐。然后我们给设置,这样我们就可以重置设置的,又因为保持了内联特性,因此我们可以设置以及产生,从而实现近似垂直居中对齐。 前言 行高,顾名思义是一行文字的高度,而从规范上来说则是两行文字基...

    miyamiya 评论0 收藏0
  • 深入css布局(1) — 盒模型 & 元素分类

    深入css布局(1) — 盒模型 & 元素分类

    摘要:深入布局盒模型元素分类在知识体系中,除了选择器,样式属性等基础知识外,布局相关的知识才是比较核心和重要的点。规定元素和属性是包含元素的边框内边距内容的。后来微软也慢慢转向了的标准,在以后支持了标准盒模型。行内级元素属性取的元素。 深入...

    blankyaoblankyao 评论0 收藏0
  • TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    TP5+阿里云OSS上传文件第三节,实现淘宝上传商品图片

    摘要:阿里云上传文件第三节实现淘宝上传商品图片首先我们来看看淘宝的功能和样式之后看看制作完成的演示由于全部功能弄成有点大限制上传大小好像在之内压缩之后也有所以分为两个演示图片后端代码基于第三个文章不变去掉上传进度条去掉上传提示重写重写前端代...

    JochenJochen 评论0 收藏0
  • 前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    前端每日实战:27# 视频演示如何用纯 CSS 创作一个精彩的彩虹 loading 特效

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义居中显示定义彩虹的尺寸定义彩虹内拱形的尺寸定义彩虹内所有拱形共有的特性分别设置每个拱形的个性变量定义动画效果最后,隐藏掉容器之外的内容大功告成 showImg("https://segmentfault.co...

    mjmj 评论0 收藏0
  • 用 :focus-within 实现纯 CSS 下拉框组件

    用 :focus-within 实现纯 CSS 下拉框组件

    摘要:借用的例子当点击表单中的文本框时需高亮整个表单元素。但是表单内部的文本框获得焦点并不代表表单元素本身有焦点,所以使用并不能生效,这时就可以使用当然这也是的其中一个典型用法。 :focus-within 伪类:当本节点或其子节点获得焦点时被激活。 借...

    崔晓明崔晓明 评论0 收藏0

热门文章

<