文章库ARTICLE COLUMN

  • 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
  • CSS进阶篇--fontAwesome代替网页icon小图标

    CSS进阶篇--fontAwesome代替网页icon小图标

    摘要:网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。直接看代码链接链接链接链接得出的结果就是其他应用还有其他更加复杂一点的应用,包括固定宽度浮动反转旋转叠加图标等。 引言 奥森图标(Font Awesome)提供...

    paney129paney129 评论0 收藏0
  • 玩儿前端——CSS垂直的那些事儿

    玩儿前端——CSS垂直的那些事儿

    摘要:替换元素或任何其他类型的非文本元素会忽略这个值。要对齐的元素的行内框底端再与父元素的底端对齐。往往将元素的垂直中点与父元素基线上方处的一个点对齐。 说说自己对行高和垂直对齐的理解 行高 line-height属性是指文本行基线之间的最小距离,而不...

    tigerZHtigerZH 评论0 收藏0
  • CSS > CSS3 中的层叠上下文初探

    CSS > CSS3 中的层叠上下文初探

    摘要:但该盒不建立新的层叠上下文,除非是根元素。以上是基于的层叠上下文介绍。同级情况下,按照二者在源代码中的顺序,居后的又重新占领高地了。现在我们看以下源代码这个时候,以视口为包含块进行定位和大小计算,将会铺满整个屏幕。 前言:关于层叠上下...

    pcChaopcChao 评论0 收藏0
  • 理解 BFC (Block Formatting Model)

    理解 BFC (Block Formatting Model)

    摘要:是指块级元素,就是会强制换行的元素,比如。将元素推向左侧。请根据不同的实际情况,选择最合适的方式。再次重申一下,是为子元素创建定位环境。,由于浮动元素占据了一定的宽度,新创建的会因此而变窄。这里只是为了更好地去理解而做一个例子。 什么...

    TonnyTonny 评论0 收藏0
  • CSS 尺寸

    CSS 尺寸

    摘要:概览尺寸属性允许你控制元素的高度和宽度。使用等单位定义高度。该属性值会对元素的高度设置一个最低限制。不允许指定负值。可选的值使用等单位定义元素的最小宽度值,默认值取决于浏览器。尺寸与盒模型有部分关联,稍后会补充盒模型的相关笔记。 概览...

    Forest10Forest10 评论0 收藏0

热门文章

<