文章库ARTICLE COLUMN

  • vertical-align以及利用 vertical-align 实现垂直居中

    vertical-align以及利用 vertical-align 实现垂直居中

    摘要:在中实现垂直居中很多时候会用到,不过我一直对的使用糊里糊涂,现在整理一下关于它的一些知识点。将盒子的垂直中心点与父级盒子基线往上一半高度的位置对齐。时位置与设置一致。我们可以将设为来让元素完全垂直居中。 在 css 中实现垂直居中很多时候...

    lscholscho 评论0 收藏0
  • css篇之absolute绝对定位元素居中技巧

    css篇之absolute绝对定位元素居中技巧

    摘要:一般地,居中绝对定位元素,再负值或者通过也可达到效果。今天发现另一个技巧,利用,取值,再即可实现居中。原因注子元素大的话,上下可居中,左右失效。 一般地,居中绝对定位元素,left:50%;top:50%;再margin负值或者通过transform也可达到效果。今...

    smallStonesmallStone 评论0 收藏0
  • 【新年快乐】缤纷多彩的Vue点赞组件

    【新年快乐】缤纷多彩的Vue点赞组件

    github: https://github.com/OYsun/VueStar showImg(https://segmentfault.com/img/bVIF1k?w=324&h=532);

    luodongseuluodongseu 评论0 收藏0
  • CSS 深入理解之 border 【笔记】

    CSS 深入理解之 border 【笔记】

    摘要:本文是对慕课网张鑫旭的课程深入理解之的学习笔记,并结合了一些个人理解。 本文是对慕课网张鑫旭的课程《CSS 深入理解之 border》的学习笔记,并结合了一些个人理解。 border-width 不支持百分比 border-width 不支持百分比单位,原因如下: 在实...

    williamwilliam 评论0 收藏0
  • 从sass到PostCSS

    从sass到PostCSS

    摘要:下面是头部的样式示例这是一个用例我在之前了解过自定义属性的用法。这里有一个正在进行中的规则的规范与之相关。允许储存一系列的属性并且在选择器引用。 原文链接:https://tylergaw.com/articles...译者:Icarus邮箱:xdlrt0111@163.com 多年来我一...

    BackacheBackache 评论0 收藏0
  • 页面设计笔记

    页面设计笔记

    摘要:和一部分安卓设备的屏幕尺寸为英寸厘米,物理像素为大约是。对开发者来说,手机在竖直状态下的宽度就是,开发者就可以根据这个尺寸来设计网页,但是还要考虑手机在水平状态时的页面效果,以及和安卓平板上的页面效果。 最近两周写了几个页面,虽然看起...

    wh469012917wh469012917 评论0 收藏0
  • 个人文章分类整理

    个人文章分类整理

    摘要:春节闲来无事,看看自己在上写的文章,想不到已经篇了,各方面的都有,那就分类整理一下吧,也方便自己和别人查看。 春节闲来无事,看看自己在SegmentFault上写的文章,想不到已经20篇了,各方面的都有,那就分类整理一下吧,也方便自己和别人查看。 ...

    nidayenidaye 评论0 收藏0
  • JavaScript 中遇到的一些术语

    JavaScript 中遇到的一些术语

    摘要:一纯函数即只要输入的参数是一致的,返回的值肯定也是一致,这个函数的行为是可预测的。如果页面位于中,那么再次打开该页面就不会触发事件。尽管由于内存中保存了整个页面的状态,不触发事件也不应该会导致什么问题和相关详细介绍请移步 一、react 1....

    gecko23gecko23 评论0 收藏0
  • 面试闯关2

    面试闯关2

    摘要:远程服务器找到资源并使用响应返回该资源,值为的状态码表示一个正确的响应。三次握手示意图协议的相关知识是一个应用层协议,由请求和响应构成,是一个标准的客户端服务器模型。由于服务器不保存发送请求的浏览器进程的任何信息,因此协议属于无状态协...

    IntMainIntMain 评论0 收藏0
  • 关于 vertical-align 的一些理解

    关于 vertical-align 的一些理解

    摘要:关于的条参考线以及。关于和之间的关系。目标元素的的垂直平分线,与父元素内匿名的对齐。垂直平分线,这个容易理解。要比这些字母的顶端再高一些。 前言 关于 vertical-align,我们很容易想到,这不就是告诉我们元素在纵向上和什么对齐的属性吗?而事...

    lowettlowett 评论0 收藏0
  • CSS:Grid布局

    CSS:Grid布局

    摘要:布局,是一个基于网格的二维布局系统,目的是用来优化用户界面设计。注意注意重磅消息,在年月左右,大部分浏览器都会开始默认支持布局,所以,现在完全有必要开始学习布局。布局的完整介绍入门 CSS Grid布局,是一个基于网格的二维布局系统,目的是用...

    fancyLuofancyLuo 评论0 收藏0
  • GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程

    GitBook《拥抱未来的CSS布局方式:flex与grid布局》全教程

    摘要:拥抱未来的布局方式与布局全教程本书系列文章为对中布局与布局的详细介绍,已在同步更新,如您在阅读过程中发现描述有误或错别字的情况,您可以向本项目提出或。主要是对于标准里的布局方式草案中的布局方式进行一些总结。 GitBook《拥抱未来的CSS布局...

    zebrayoungzebrayoung 评论0 收藏0
  • 用code打造自己的过渡动画

    用code打造自己的过渡动画

    摘要:起源自己的过渡动画,为什么要这个东西呢不是说好的么。所以本喵决定打造自己的过渡动画。给出的示例属性指定了模式到路径开始的距离通过修改这两个属性,动画的边界就相应的动起来了。 起源 自己的过渡动画,为什么要这个东西呢?不是说好的Simple is...

    tinysun1234tinysun1234 评论0 收藏0
  • 我们来翻翻元素样式的族谱-getComputedStyle

    我们来翻翻元素样式的族谱-getComputedStyle

    摘要:大家应该非常熟悉的方法那么如何在不引用的情况下同样实现这个功能呢本文就介绍使用原生来获取样式的方法作者原文链接我们来翻翻元素样式的族谱是什么方法可以获取当前元素所有最终使用的属性值返回的是一个样式声明对象只读也就是说获取到的不仅仅是我...

    shengguoshengguo 评论0 收藏0
  • css三栏布局:左右固定宽中间自适应

    css三栏布局:左右固定宽中间自适应

    摘要:圣杯布局直接上代码双飞翼布局自身浮动法绝对定位法 圣杯布局 直接上代码:html: css: .middle,.left,.right {float: left;} .middle {width: 100%;} .left {margin-left: -100%; width: 220px; } .right {margin-left: -220px; wi...

    CoorChiceCoorChice 评论0 收藏0
  • Function

    Function

    摘要:什么是函数函数封装一项专门任务的步骤清单的代码段,起一个名字。程序中提供的一项服务的步骤说明何时使用函数当一项任务需要反复执行,但又不希望重复编写时。何时如何为参数变量赋值在调用函数时,按照参数定义时的顺序和个数,依次传入参数值。 fu...

    刘永祥刘永祥 评论0 收藏0
  • 实现环形进度条的几种方法

    实现环形进度条的几种方法

    摘要:环形进度条的问题,网上有很多的,也有各种不同的实现方式,很棒的实现也有很多,我这自己做一下一方面是想开阔一下自己的思路,一方面好久没看和的东西了,基础的拿来熟悉下。 环形进度条的问题,网上有很多的demo,也有各种不同的实现方式,很棒的实...

    ScliangScliang 评论0 收藏0
  • css值

    css值

    摘要:表示用户代理的默认值。但在某些情况下这个值非常有用。这是结合形成文档后所得到的值。开发者指定值种用户代理默认值不可更改具有中划线的值表示被层叠规则覆盖即被权重大的给覆盖了样式。 CSS值的来源 首先,我们知道CSS虽然语法简单,但也不是瞎写的...

    X1nFLYX1nFLY 评论0 收藏0
  • 用更合理的方式写 CSS

    用更合理的方式写 CSS

    摘要:和出于以下原因,我们鼓励使用和的某种组合可以帮助我们理清和之间清晰且严谨的关系。可以帮助我们创建出可扩展的样式表。参考资料的的,也就是,是一种用于和类名的命名约定。 OOCSS 和 BEM 出于以下原因,我们鼓励使用 OOCSS 和 BEM 的某种组合: ...

    CntChenCntChen 评论0 收藏0
  • canvas下的全屏问题

    canvas下的全屏问题

    摘要:这段时间在管理后台,有用到图片全屏的,我是用的引入的图片,哎也是给自己挖了一个大坑,没办法,只能踩坑走啦,所以当时想着能不能直接用直接进行图片全屏查看,不过网上百度出来的也是五花八门,结合百度自己整理了一个小的点击全屏引入图片在中进行...

    ObjectObject 评论0 收藏0
  • css布局:块级元素垂直居中

    css布局:块级元素垂直居中

    摘要:项目中,我使用的布局居多,直接上代码。定宽定位居中非定宽定位居中布局 项目中,我使用的flex布局居多,直接上代码。 定宽: 定位居中(absolute) html: css: .main{ width:400px; height:200px; background:#eee; position:absolute; lef...

    fishfish 评论0 收藏0
  • 面试闯关1

    面试闯关1

    摘要:面试闯关在面试过程中,总会被问到一些你用到过但是记不清一些零碎的知识,现在做一下总结。在兼容模式中,页面以宽松的向后兼容的方式显示模拟老式浏览器的行为以防止站点无法工作。作为对象原型链的终点。格式采用键值对,例如参考面试总结 面试闯关...

    cgspinecgspine 评论0 收藏0
  • SUI踩坑记录

    SUI踩坑记录

    摘要:踩坑记录最近做了个项目选型了和做单页应用。下面记录一下踩坑经历介绍文档是一套基于开发的库。下面记录一下主要的注意事项默认开启了前端路由。如果需要禁用路由功能那么可以在之后之前使用来禁用相关的坑的有个可以自定义里面的内容但是把这块删了。...

    syoyasyoya 评论0 收藏0
  • 微信小程序组件—wxui的使用

    微信小程序组件—wxui的使用

    摘要:比较简单直接上码框匹配组件中的提示如果用的话这就是提示框成功提示取消提示禁止提示文本提示已完成成功之后的返回想当于下面的已完成已完成取消操作取消操作禁止操作禁止操作文本内容文本内容注意点在中要引入通过来引入函数地址 比较简单 直接上码...

    Ryan_LiRyan_Li 评论0 收藏0
  • 我的前端编码习惯 —— html篇

    我的前端编码习惯 —— html篇

    摘要:标签属性属性名全部写,属性值双引号引起来,每个双标签务必加对应的结束标签单标签不遵循此标准,仍按原标准,即不需要以结束。视情况为链接添加,图要添加及。明确指定图的和。 前言 作为一个前端工程师,我们可能每天都要写html、css、javascript,...

    ernest.wangernest.wang 评论0 收藏0

热门文章

<