文章库ARTICLE COLUMN

  • css 不规整元素的宽高等比例

    css 不规整元素的宽高等比例

    摘要:不规整元素的宽高等比例在不同屏幕情况中不同宽高的元素都以相同等比例等宽和等高方式展示。规定基于父元素的宽度的百分比的内边距。 不规整元素的宽高等比例 在不同屏幕情况中不同宽高的元素都以相同等比例、等宽和等高方式展示。 需求 设计师希望页...

    laoLiueizolaoLiueizo 评论0 收藏0
  • 前端开发小技巧(来自知乎)

    前端开发小技巧(来自知乎)

    摘要:原生越来越好了,如果是简单的页面,没必要引入一个庞大的,尤其在手机端,对速度流量敏感的地方,另外最好自己简单封装一些常用的函数,比如等。。。这时候它就不知所措了,只好待在中间。参考前端界有哪些越早知道越好的小技巧小知识 1.You Might No...

    cangck_Xcangck_X 评论0 收藏0
  • 前端常用样式总结

    前端常用样式总结

    摘要:本文全部使用内容高度不够时,依然显示到最下面大概有这样的结构布局查看下面的不需要查看不定宽高的垂直水平居中首先,兼容性也不错可以,不想用时可以用垂直水平居中居中 本文全部使用 scss + autoprefixerBrower support: flex box(IE 10+), :befor...

    phodalphodal 评论0 收藏0
  • 阐述在Yii2上实现跳转提示页

    阐述在Yii2上实现跳转提示页

    摘要:在写这个跳转提示页的时候,找资料我发现网上关于这方面的中文资料真的很少,大家也都共享下吧需求分析用户在操作成功或者失败后,来个提示并跳转页面。跳转提示的写在这了。相关资料跳转提示页的写法 序言 为了让用户有更加良好的体验,在操作成功或...

    asheashe 评论0 收藏0
  • 关于字体大小px与rem混用的个人经验

    关于字体大小px与rem混用的个人经验

    摘要:关于与的区别,网上已经有不少文章了,在此不多谈。主要想谈的是在制作网页时,什么时候设定字体大小用,什么时候用先谈结论,再讲为什么。一般情况下,还是以用为主,只有当需要在不同设备上显示不同大小的字体时,再用。 关于rem与px的区别,网上已...

    since1986since1986 评论0 收藏0
  • css filter滤镜的实例讲解

    css filter滤镜的实例讲解

    摘要:由于的滤镜可以实现对对普通图像和图像进行特效渲染功能十分强大所以今天特意把滤镜的用法进行大致的总结语法灰度属性可填写范围默认值为即灰度不改变上面介绍了第一种滤镜灰度下面介绍接下来的九种滤镜高斯模糊使用该方法将周围像素点值求和取平均即为...

    周国辉周国辉 评论0 收藏0
  • 元素auto宽高的影响因素

    元素auto宽高的影响因素

    摘要:关于内联元素之前讨论的多是块级元素,而没有考虑到内联元素的情况。但巧合的是,在普通流定位中,内联元素宽度和高度规则却和块级元素绝对定位差不多,都只受内容大小影响。 我们知道,元素在没有设置宽高的情况下,默认的宽高值都为auto。而这个auto...

    crelabercrelaber 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

    【二次元的CSS】—— 用 DIV + CSS3 画大白(详解步骤)

    摘要:原本自己也想画大白,正巧看到一位同学也用相同的方法画了。且细节相当到位。同时,我也希望有更多的同学发挥自己的想象力,来找个东西画画。如果看过我前几次的分享,肯定能马上想到大白的各个部位是怎么实现的。 原本自己也想画大白,正巧看到一位同...

    lunaticflunaticf 评论0 收藏0
  • css选择器总结

    css选择器总结

    摘要:今天在做项目的时候,发现选择器有些遗忘。文本也属于节点选择匹配的所有元素,且匹配元素被相关指向否定伪类选择器。相邻兄弟选择器。匹配的元素,该元素位于后面相邻位置通用兄弟选择器。 今天在做项目的时候,发现选择器有些遗忘。特写此文章来加深...

    Bowman_hanBowman_han 评论0 收藏0
  • 记一次惊心动魄的前端性能优化之旅

    记一次惊心动魄的前端性能优化之旅

    摘要:方案未引起重视,并没有做出相应处理。页面中元素的布局是相对的,因此一个元素的布局发生变化,会联动地引发其他元素的布局发生变化。这里可以使用的和来分析的性能。写在最后性能优化是一门做减法的艺术。 欢迎一起交流 欢迎关注我的个人公众号,不...

    leejan97leejan97 评论0 收藏0
  • 直接使用sublime编译stylus

    直接使用sublime编译stylus

    摘要:介绍是一个的预处理框架,年产生,来自社区,主要用来给项目进行预处理支持,所以是一种新型语言,可以创建健壮的动态的富有表现力的。 stylus介绍 Stylus 是一个CSS的预处理框架,2010年产生,来自Node.js社区,主要用来给Node项目进行CSS预处理支持...

    EnlightenmentEnlightenment 评论0 收藏0
  • 手机端适配策略以及实现

    手机端适配策略以及实现

    摘要:设备本身的适配策略和的适配策略是不一样的。暂且称之为更大内容策略。个人认为的策略更为合理。这种情况一般作用于容器元素。用脚本实现有极少数布局上的问题似乎无能为力了。 设备本身的适配策略 ios和Android的适配策略是不一样的。 对于ios,一个设...

    xingqibaxingqiba 评论0 收藏0
  • 【css】background笔记

    【css】background笔记

    摘要:之前笔试题有一道选择题是关于属性的,后来查阅资料才发现有各种子属性,特写此文章整理一下。新增指定背景的显示区域。默认情况下,总是以元素左上角为坐标原点进行背景图像定位。此关键字表示背景相对于元素的内容固定。 之前笔试题有一道选择题是关...

    YoungsYoungs 评论0 收藏0
  • CSS魔法堂:重拾Border之——不仅仅是圆角

    CSS魔法堂:重拾Border之——不仅仅是圆角

    摘要:撸代码实现首页检验单查询成品通用标准审核圆角的何止是啊上图的变成椭圆形了,而且中的文字好像飘到外面。我们可以看到两边相交所形成的矩形的对角线,将作为边的相交点。 前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用...

    _Dreams_Dreams 评论0 收藏0
  • 关于CSS的position属性

    关于CSS的position属性

    摘要:元素脱离文档流元素相对于它包含的元素进行定位,相对于所有其他元素,绝对定位的元素是独立定位的。元素脱离文档流,相对于浏览器窗口进行定位与其他所有元素独立大多数浏览器支持,除外大概也没有公司要求必须支持了。。 未完待续......最近在读《C...

    loostudyloostudy 评论0 收藏0
  • CSS魔法堂:重拾Border之——更广阔的遐想

    CSS魔法堂:重拾Border之——更广阔的遐想

    摘要:也就是说我们操作的几何公式中的未知变量,而具体的画图操作则由渲染引擎处理,而不是我们苦苦哀求设计师帮忙。 前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平...

    lily_wanglily_wang 评论0 收藏0
  • flex-item的flex-basis与width属性有什么关系?

    flex-item的flex-basis与width属性有什么关系?

    摘要:在这里,如果你设置的值非,而是其它一个符合或者属性规则的值,那么对于计算这个值的规则和中块级元素的计算规则是一样样的。同时放在了在上的,这里会长期写一些关于的文章 我们知道,给一个元素A设置display: flex; ,那么A就是flex container,此...

    lewinleelewinlee 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

    【二次元的CSS】—— 用 DIV + LESS 做一个小黄人构造器

    摘要:仅仅使用作为身体的布局,用的各种和圆角属性来绘制各个细节的形状,当然也不会使用任何图片哦。这次用到了一些的特性,通过设置一些指定的参数来生成不同种类不同身材的小黄人。 仅仅使用div作为身体的布局,用css3的各种transform和圆角属性来绘制各...

    SeaySeay 评论0 收藏0
  • [开源] 分享自己用的 GitHub 分组管理工具.

    [开源] 分享自己用的 GitHub 分组管理工具.

    摘要:的管理工具简洁快速,从开发者角度考虑,用完就走,不给开发者更多的管理负担。这个工具目前在上已经收到快的了。或者直接使用编辑器里的插件最后连接在这里开源在上的连接 CODELF 的 GitHub Star 管理工具, 简洁快速,从开发者角度考虑,用完就走,不...

    wenshi11019wenshi11019 评论0 收藏0
  • CSS魔法堂:Box-Shadow 没那么简单啦:)

    CSS魔法堂:Box-Shadow 没那么简单啦:)

    摘要:阴影距离原位置的垂直位移,正数表示向下移动,负数表示向上移动。实现原理纯个人理解创建一个与元素尺寸一致的阴影盒子将阴影盒子定位到于元素重合,并位于元素之上水平和垂直各画两条线,分别跟元素重合共条分别记为根据和移动。 前言 说起box-shado...

    GalenceGalence 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + CSS3 画咸蛋超人(详解步骤)

    【二次元的CSS】—— 用 DIV + CSS3 画咸蛋超人(详解步骤)

    摘要:仅仅使用作为身体的布局,用的各种和圆角属性来绘制各部位的形状,当然也不会使用任何图片哦。有的同学说,用不是能画得更逼真而且更简单吗这点我也非常赞同,但我的理由还是,那就没意思了。这次写的详细一点,把各个部位都拆出来分析。收工欢迎大家吐...

    mayaohuamayaohua 评论0 收藏0
  • css上中下布局自适应中间,左右布局自适应左侧display: table

    css上中下布局自适应中间,左右布局自适应左侧display: table

    摘要:在我们经常用到固定头部和底部,自适应中间部分,或者固定左侧,自适应右侧等。在网上看了很多方法,一般都是通过绝对定位完成,具体可以网上去搜,这样可以完成上中下的布局,但是这次基础上再做左右布局浮动会出现问题,具体什么问题我没有深究。 在...

    BaaaanBaaaan 评论0 收藏0
  • 【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty(详解步骤)

    【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty(详解步骤)

    摘要:原本自己也想画,正巧看到一位外国友人她的个人网站。也用相同的方法画了。且细节相当到位。在此我也分享一下。第三步蝴蝶结第四步身体经过前几次的学习之后,画身体应该没什么难度了吧,都是用各种形状的圆组成的。收工欢迎大家吐槽 原本自己也想画He...

    weanwean 评论0 收藏0
  • 想要清晰的明白(一): CSS视觉格式化模型|盒模型|定位方案|BFC

    想要清晰的明白(一): CSS视觉格式化模型|盒模型|定位方案|BFC

    摘要:并且这种过程遵循标准的描述只要不是和绝对定位方式布局的,都在普通流里面。定位相对定位在普通流之中,是相对于它在普通流中的位置中进行移动,元素占据原来位置绝对定位脱离普通流,不占据空间相对于距离它最近的那个已定位的祖先相对绝对元素决定的...

    EdisonEdison 评论0 收藏0
  • CSS行高(line-height)及文本垂直居中原理

    CSS行高(line-height)及文本垂直居中原理

    摘要:默认情况下一行文本的行高分为上间距,文本的高度,下间距,并且上间距是等于下间距的,所以文字默认在这一行中是垂直居中的。 在CSS中,line-height 属性设置两段段文本之间的距离,也就是行高,如果我们把一段文本的line-height设置为父容器的高度就...

    233jl233jl 评论0 收藏0

热门文章

<