文章库ARTICLE COLUMN

  • 学习单页面应用1-4章总结

    学习单页面应用1-4章总结

    摘要:单页面应用从前端到后端这本书是一本教读者怎样将模块化,也就是前端同学们常说的模块化思想,变量避免全局污染以及将功能分块管理。 《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化,也就是前端同学们常说的模块化思想,...

    xiangchaobinxiangchaobin 评论0 收藏0
  • css使用border画三角形

    css使用border画三角形

    摘要:宽度被设为的边框对应方向的边框会形成较大的三角形,且长度加倍的采纳的显示其实也是用三角形实现的上部分是包含采纳两个字的块状元素,设置。 前端中的很多地方都会用到三角形,比如tooltip等CSS中创建三角形的方法很多,可以参考这里: CSS创建三角...

    张红新张红新 评论0 收藏0
  • CSS > 行内格式化上下文中的各种高度计算

    CSS > 行内格式化上下文中的各种高度计算

    摘要:行内级元素生成行内级盒,而这些盒会参与行内格式化上下文。行盒在行内格式化上下文中,盒从包含块的顶部一个接一个地水平摆放。我们进入下一个话题,行盒高度计算。整个行盒的高度即盒上边缘到盒下边缘。 前言碎碎语:标题问题在昨天困扰了笔者很久很...

    yearsjyearsj 评论0 收藏0
  • [译]CSS-理解百分比的background-position

    [译]CSS-理解百分比的background-position

    摘要:译文地址通过这篇文章能够深刻理解的百分比因为好像解析有问题,请看原文吧原文地址欢迎订阅我的博客 译文地址 通过这篇文章能够深刻理解 background-position 的百分比 因为segmentfault好像markdown解析有问题,请看原文吧 原文地址 欢迎订阅我的...

    AirmusicAirmusic 评论0 收藏0
  • “位置”在css里的细节

    “位置”在css里的细节

    摘要:在确定页面元素的准确位置时,需要细致地参考这些边。它们的位置从下到上依次是为负的定位元素。本文只介绍了一部分有关位置的细节知识,如果你也曾对这些内容有所困惑,那么希望能有所帮助。 位置是个怎样的概念 哎,这个元素怎么跑那里去了? 回想一...

    CristalvenCristalven 评论0 收藏0
  • CSS中那些微妙模糊的属性

    CSS中那些微妙模糊的属性

    摘要:在前端开发中,我经常碰到一些不能马上理解的属性,于是打算以后但凡碰到这些微妙又模糊的属性,都归纳到这里。如图看过有关相关博客收集在这里个人觉得第一篇最好立方体旋转鼠标键盘可控旋转方向理解与暧昧关系好吧,变换,不过如此的属性 在前端开发...

    gothamgotham 评论0 收藏0
  • CSS3实战之一些常用Tips

    CSS3实战之一些常用Tips

    摘要:本文为部分翻译文章,主要内容来自于,笔者自身也添加了一些自己的小的。设置自动居中任何一个元素的自动居中可以使用属性使用逗号分割列表使用负的属性选择元素使用作为使用作为图标可以达到自动缩放的效果。 本文为部分翻译文章,主要内容来自于:cs...

    joywekjoywek 评论0 收藏0
  • 「CSS3 」3D效果 & 透视

    「CSS3 」3D效果 & 透视

    摘要:第一种方法将属性更改为的数值,便可以将这个空间设置为透视投影,即所有子元素仅仅是不包括自身的投影到屏幕的方式变为透视投影。注意,这个透视投影的像平面和平面是重合的,原理图如下其中,焦点到平面的距离是的值。 随着浏览器的不断进步和更新,...

    William_SangWilliam_Sang 评论0 收藏0
  • CSS 边框 轮廓 阴影

    CSS 边框 轮廓 阴影

    摘要:概览边框本应该在盒模型一文中一并介绍,只因为避免篇幅较长特独立此文与轮廓和阴影一并介绍。之所以将边框,轮廓和阴影一并介绍,看下图就明白了轮廓是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。水平阴影的位置。阴影扩散的...

    姘存按姘存按 评论0 收藏0
  • CSS 定位 浮动

    CSS 定位 浮动

    摘要:概览为定位和浮动提供了一些属性,利用这些属性,可以建立各种布局,极大提高页面的表现力。定位属性规定元素的定位类型。绝对定位元素框从文档流完全删除,并相对于其包含块定位。在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。 概览...

    BamboyBamboy 评论0 收藏0
  • avalon js+css3实现roundabout 图片轮播

    avalon js+css3实现roundabout 图片轮播

    摘要:效果效果就像优酷综艺频道页面的图片轮播。本屌之前做过这个参见仿优酷频道首页的图片切换效果不过用的是类似的库做的。 roundabout效果 效果就像优酷综艺频道页面的图片轮播。本屌之前做过这个roundabout,参见仿优酷频道首页的图片切换效果,不过用的...

    AlphaGoooAlphaGooo 评论0 收藏0
  • CSS 样式优先级

    CSS 样式优先级

    摘要:下面我们从这两方面去看看样式的优先级。影响的规则是优先规则最近的祖先样式比其他祖先样式优先级高。若同时插有,则再利用规则判断优先级。 CSS 样式优先级 当创建的样式表越来越复杂时,一个标签的样式将会受到越来越多的影响,这种影响可能来自周...

    王晗王晗 评论0 收藏0
  • CSS 引入方式

    CSS 引入方式

    摘要:中引入的方式有种方式可以在中引入。嵌入方式嵌入方式指的是在头部中的标签下书写代码。示例嵌入方式的只对当前的网页有效。示例这是最常见的也是最推荐的引入的方式。导入方式导入方式指的是使用规则引入外部文件。 HTML 中引入 CSS 的方式 有 4 种方...

    zhangke3016zhangke3016 评论0 收藏0
  • web前端 —— 移动端知识的一些总结

    web前端 —— 移动端知识的一些总结

    摘要:打个招聘广告杭州阿里巴巴招前端想去西溪的也可帮推荐,比较缺人,机会多多广告位长期有效,有兴趣简历我邮箱个人在移动端的一些总结归纳,有新的知识点会一直更新一部分用做动画时,变形尽量通过来实现,而不是用,等属性。不过的事件有一个事件穿透的...

    AstrianAstrian 评论0 收藏0
  • PostCSS 是个什么鬼东西?

    PostCSS 是个什么鬼东西?

    摘要:参考的文章最权威的初认识一个不错的东西理解等插件解析技术大漠的系列文章,应用型很强,推荐一个年龄差不多的开发者的解释一篇稍微理论化解释的文章一个开发模式简单的优劣比较大家也可以直接阅读我的博客 前言 最近大漠前辈在群里发关于PostCSS的系...

    IamDLYIamDLY 评论0 收藏0
  • CSS 强化装备!Sass 安装与使用

    CSS 强化装备!Sass 安装与使用

    摘要:不过必须要先安装,然后再安装。淘宝镜像安装由于国内网络原因你懂的,导致存放在上面的资源文件间歇性连接失败。嵌套可以进行选择器的嵌套,表示层级关系。重要注释管理项目文件结构预处理器的特点之一是可以把你的代码分割成很多文件,而且不会影响性...

    wuyuminwuyumin 评论0 收藏0
  • 网页元素CSS居中实现完整攻略

    网页元素CSS居中实现完整攻略

    摘要:水平居中行内元素解决方案只需要把行内元素包裹在一个属性为的父层元素中,并且把父层元素添加如下属性即可水平居中块状元素解决方案这里可以设置顶端外边距水平居中多个块状元素解决方案将元素的属性设置为,并且把父元素的属性设置为即可水平居中多 ...

    mikasamikasa 评论0 收藏0
  • CSS:关于元素高度与宽度的讨论 系列文章(三)

    CSS:关于元素高度与宽度的讨论 系列文章(三)

    摘要:元素不在文档流中结论如文章一中的结论一样元素宽度等于其内容所占空间同样的在文章一中也得出了元素不设高度元素的高度为其内容所占据空间若没有内容则高度为。 前言 在CSS:关于元素高度与宽度的讨论 系列文章(一)中讨论了display为display:block...

    syoyasyoya 评论0 收藏0
  • 一个简单的瀑布流实现。

    一个简单的瀑布流实现。

    摘要:瀑布流简介主要是运用对象和对象来实现一个瀑布流,最终效果是在页面中滚动鼠标不断地加载图片永远划不到头,像百度图片这样的,在没有设置分页的的情况下,当滚动滚动条的时候页面从数据库源源不断的加载图片呈现在页面中。 瀑布流简介 主要是运用Htm...

    ChanceWongChanceWong 评论0 收藏0
  • 聊聊网页中的图片

    聊聊网页中的图片

    摘要:使用的场景多为页面内容的图片,较大的头图,颜色过多的图片。就是页面中的背景,并不是内容,修饰作用。 warn: 这是一篇没有一张图片的讲图片的文章 1. 图片格式 通常在网页中使用的图片有三种格式,jpg,png和gif。jpg是有损压缩格式,就算你在ps里...

    MeathillMeathill 评论0 收藏0
  • avalon js实现仿google plus图片多张拖动排序

    avalon js实现仿google plus图片多张拖动排序

    摘要:支持多张图片拖动排序。解决方法是设置变量表示单元格在方向的在添加偏移的时候,增加判定条件。根源出现这个问题的原因在于依次移动目标图片到目标位置,对多张目标图片,会有一个移动先后的考量。 效果 showImg("https://segmentfault.com/img/bVp0y...

    pekonchanpekonchan 评论0 收藏0
  • CSS 背景

    CSS 背景

    摘要:概览背景属性用于定义元素的背景。如果边框有透明部分如虚线边框,会透过这些透明部分显示出背景色。从父元素继承背景颜色,这个在上存在兼容问题。背景图像会随着页面其余部分的滚动而移动。简写属性属性在一个声明中设置所有背景属性。 概览 CSS 背...

    lastSerieslastSeries 评论0 收藏0
  • CSS 选择器

    CSS 选择器

    摘要:加号相连的两个选择器实现同级紧邻的元素选择的功能。我最好的朋友是米老鼠。样式紧挨的第一个同级元素是我最好的朋友是米老鼠。注意区分新增的属性选择器。是中新增的选择器,用于标示当前处于活动的锚标记。选择器的取反,这个很好理解。 概览 在 CS...

    cniocnio 评论0 收藏0
  • 关于BFC

    关于BFC

    摘要:简单理解就是一种渲染规则,规定了页面上元素如何渲染,元素与元素之间的关系。接上条规则垂直顺序排列的元素的距离取决于的大小。的元素内外互不影响。高度包含浮动元素高度。相邻的两个元素的会重叠。 1.什么是BFC? BFC是Block farmatting context...

    lordharrdlordharrd 评论0 收藏0
  • CSS规范 > 10 视觉格式化模型详述 Visual Formatting Model De

    CSS规范 > 10 视觉格式化模型详述 Visual Formatting Model De

    摘要:行盒的宽度由其包含块给予,但可能因浮动而缩小。绝对定位不可替换元素的使用值约束为包含块宽度如果和均为首先将以及值为的设为。 2015/10/08: 原10.8标题 行盒高度计算改为10.8 行高计算。英文原文为line height。由于翻译时候看到那段...

    frolcfrolc 评论0 收藏0

热门文章

<