文章库ARTICLE COLUMN

  • CSS像素(css pixel)及像素单位 例如px pt em

    CSS像素(css pixel)及像素单位 例如px pt em

    摘要:像素概念一般而言,像素是图像的基本采样单位。我们通常所说的显示器分辨率,其实是指桌面设定的分辨率,而不是显示器的物理分辨率。 小序 最近在做pc端、微信端、移动端app,公司的每个项目分别都有这三者,在pc端调试页面,像素显示都和预期效果的一...

    mochixuanmochixuan 评论0 收藏0
  • CSS 无图片显示加载(&失败)效果

    CSS 无图片显示加载(&失败)效果

    摘要:时利用显示加载图片和加载失败效果效果查看显示加载中或者品牌图可以是文字或者并将图标显示到正中间结构如下使图片加载后能够后直接盖住图标利用加载图片加载加粗文字失败后更改图标或文字这里需要用在图片里添加隐藏出错图片效 lazyload 时利用 icon...

    hearawayhearaway 评论0 收藏0
  • the compatibility problem of ie

    the compatibility problem of ie

    摘要:下的兼容问题处理背景透明,圆角,和支持部分选择器例如支持的语义化标签,媒体查询等。在页面头部优先加载需要的插件,因为部分插件需要依赖所以需要最先加载。注意顺序,插件优先添加。这个路径是相对的路径。 ie8hack ie8下的兼容问题处理:背景透...

    DobbyKimDobbyKim 评论0 收藏0
  • 爱吃螃蟹的前端:登上 Bootstrap 4.0 的大船

    爱吃螃蟹的前端:登上 Bootstrap 4.0 的大船

    摘要:去掉了对的支持,并使用和单位。更新了所有伪元素选择器的使用规范,首选双冒号如,而不是。卡片现在有不同的轮廓和进一步支持基于类的扩展。代表水平方向,代表全部。 Bootstrap 这个号称世界第一的 responsive 和 mobile first 前端样式组件库去年八...

    lidashuanglidashuang 评论0 收藏0
  • CSS魔法堂:重拾Border之——解构Border

    CSS魔法堂:重拾Border之——解构Border

    摘要:本系列将稍微深入探讨一下那个貌似没什么好玩的魔法堂重拾之解构魔法堂重拾之图片作边框魔法堂重拾之不仅仅是圆角魔法堂重拾之更广阔的遐想解构说起我们自然会想起,而由条紧紧包裹着的边组成,所以的最小操作单元是。 前言  当CSS3推出border-radius...

    lingdududulingdududu 评论0 收藏0
  • 纯CSS3美化 input 的checkbox 和 radio

    纯CSS3美化 input 的checkbox 和 radio

    摘要:样式复选框和单选按钮看起来更漂亮。在线源码使用你需要引入或者文件到你的工程或者中。 magic-input CSS3样式复选框和单选按钮看起来更漂亮。只有一个input元素。在线demo源码:https://github.com/jaywcjlove/magic-input 使用 $ npm install magic-...

    lsxiaolsxiao 评论0 收藏0
  • CSS魔法堂:你真的理解z-index吗?

    CSS魔法堂:你真的理解z-index吗?

    摘要:与的映射关系为。与根对应的对应的层叠上下文,是其他的祖先,的范围覆盖整条。注意的默认值为,自动赋值为。对于,它会将赋予给对应的,而则不会。 一、前言                                假如只是开发简单的弹窗...

    andycallandycall 评论0 收藏0
  • 【翻译】用PostCSS改善你的CSS代码质量

    【翻译】用PostCSS改善你的CSS代码质量

    摘要:代码质量这个术语对于程序员来说并不陌生。在本文中,我们将探讨我们如何能够利用帮助我们,保持我们的代码质量更高。怎样使用在这篇文章中,我们重点介绍几个插件,可以帮助我们提高代码质量。使用相当简单的。这两个插件可用于代码分析。 代码质量...

    sorrasorra 评论0 收藏0
  • 关于浮动float

    关于浮动float

    摘要:浮动的框可以左右移动即,直到它的外边缘碰到包含框或另一个浮动框的边缘。属性的值可以是或,它表示框的哪些边不应该挨着浮动框。在清理元素时,浏览器在元素添加足够的外边距,使元素的顶边缘垂直下降到浮动框下面。 众所周知,浮动模型是一种可视化...

    NoodlesNoodles 评论0 收藏0
  • 布局方法一

    布局方法一

    摘要:两端对齐方法说明利用外部的使居中对齐,左右浮动两端对齐多列布局说明关键代码,利用外部的撑开多个像素。主要内容围绕四大模块展开,打造针对企业全国运营课程飞鹰训练营铭智集团飞鹰训练营第期于年月日为期七天培训。 1.两端对齐方法 说明:利用外...

    sarvasarva 评论0 收藏0
  • 【译】谨慎使用CSS中的波浪选择器

    【译】谨慎使用CSS中的波浪选择器

    摘要:它们都错误地使用了波浪选择器,并造成了很多地方的代码臃肿。大家可能以前也都遇到或者使用过波浪选择器,毕竟它作为选择器已经很长时间了,甚至都支持。我的经验里,使用波浪选择器一般都是通过而不是来选择兄弟元素的。 原文:The tilde CSS select...

    dcr309duandcr309duan 评论0 收藏0
  • IE这回在css flex中扳回一局?

    IE这回在css flex中扳回一局?

    摘要:但是我突然就发现一个问题呀,这个显示的不对呀,而且在和都显示不对,倒是在里显示正常。同时放在了在上的,这里会长期写一些关于的文章 哇哇哇,开年头一篇文章呀,为了镇得住场面,特意起了这么个标题。没错,就是标题党。 事情还得从上周五开始说...

    ispringispring 评论0 收藏0
  • css编码技巧【css揭秘读书笔记】

    css编码技巧【css揭秘读书笔记】

    摘要:最近在看揭秘,于是写了文章来作笔记,除此以外还会补充一些自己遇到的笔试题。举例说明以上的代码有什么问题呢如果需要改变字号,那么同时需要调整行高。那么经过修改后的代码如下关于使用还是还是百分比,需要根据具体情况来决定。 最近在看《css揭...

    MiyangMiyang 评论0 收藏0
  • CSS:编码规范

    CSS:编码规范

    摘要:空格强制选择器与之间必须包含空格。示例长度强制长度为时须省略单位。示例建议颜色值中的英文字符采用小写。示例注释普通注释普通注释区块注释模块命名规范命名组成命名必须由单词,中划线组成。设置文件编码为。 CSS书写格式 1.格式化代码 1.1文件 [...

    fuchenxuanfuchenxuan 评论0 收藏0
  • CSS魔法堂:重拾Border之——图片作边框

    CSS魔法堂:重拾Border之——图片作边框

    摘要:一铺搞定一铺清袋粤语的一铺搞定其实就是一次完成全部工作的意思,上面关于的属性,要是每次都逐个设置那要敲多少次键盘啊。。。语法粤语的一铺清袋其实就是把之前的成果一次性归零。 前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想...

    linkFlylinkFly 评论0 收藏0
  • 【翻译】PostCSS简介

    【翻译】PostCSS简介

    摘要:许多开发人员花时间在使用的预处理器上如和。传统的预处理器的问题不能扩展。有些预处理器提供诸如的功能,可以彻底不使用它们。每个预处理器已经有了自己的标准。如下它被翻译成嗯我从来没有说过所有的插件都是有用的结束语和预处理器是伟大的。 许多...

    LsnshLsnsh 评论0 收藏0
  • 前端基础工作流:sass自动化编辑成css

    前端基础工作流:sass自动化编辑成css

    摘要:目前提供了观察文件变化,自动将文件编译成的功能。但在有些机子上跟踪编译非常慢。如果想更顺手的完成更复杂的编译,就需要使用工具进行处理。启动提示打开编辑器编辑下文件,保存,查看下文件,已经编译好了。 目前sass提供了观察文件变化,自动将sa...

    W4n9Hu1W4n9Hu1 评论0 收藏0
  • Compose 和 Blend(一)

    Compose 和 Blend(一)

    摘要:浏览器渲染过程在讲和之前,我想先介绍一下浏览器整个的渲染过程。这一步是渲染的最后一步,他的作用是将不同的图层合在一起。和其它步骤有所不同的是,这一步有时会有的参与,比如,等元素都是由进行操作的。 浏览器渲染过程 在讲 compose 和 blend ...

    AbnerMingAbnerMing 评论0 收藏0
  • json和xml的区别

    json和xml的区别

    http://www.cnblogs.com/yank/p/4028266.html

    AlliotAlliot 评论0 收藏0
  • CSS 三角形绘制方法

    CSS 三角形绘制方法

    摘要:代码如下代码如下代码如下代码如下代码如下代码如下代码如下代码如下 showImg("https://segmentfault.com/img/bVu0x5"); 代码如下: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid...

    siberiawolfsiberiawolf 评论0 收藏0
  • 这网站傻了吗?这两天老是点击提问,就弹回主页....什么意思

    这网站傻了吗?这两天老是点击提问,就弹回主页....什么意思

    摘要:这网站傻了吗这两天老是点击提问,就弹回主页什么意思点击写文章,写笔记就成功。 这网站傻了吗?这两天老是点击提问,就弹回主页....什么意思?点击写文章,写笔记就成功。点击提问,就刷新主页...

    LeexMullerLeexMuller 评论0 收藏0
  • 关于前端的思考与感悟

    关于前端的思考与感悟

    摘要:而作为一个从成都的菜鸟,蜕变成一名北京的菜鸟,也来谈谈自己对于前端的理解。来了北京之后,才算是见识了真正的前端。随着学习的慢慢提升,会感觉到北京的前端更加具有明确的方向。总的来说,在北京,前端更加专业与明确一点,发展更加好一点。 万事...

    opengpsopengps 评论0 收藏0
  • CSS3魔法堂:说说Multi-column Layout

    CSS3魔法堂:说说Multi-column Layout

    摘要:注意会生成新的,因此不会出现效果。图中蓝色线框,位于内,作为间的分隔线。不可否认求学之路的艰辛苦闷。如此的努力,为了仅仅是能在大学逍遥快活一番这动机实在让人心寒,也正因如此造就了大学生的堕落。人类文明进步最有力的证明。 前言  是否记...

    gitmilkgitmilk 评论0 收藏0
  • css3动画在手机端的流畅度比较

    css3动画在手机端的流畅度比较

    摘要:我发现即使都是用的做动画,有的属性在动画播放时却会不流畅,出现定格动画的效果,这里做个比较,方便我以后做动画。流畅于流畅于其实这两个没法比,因为是直接缩放,会拉伸元素的,但如果用的是一个纯色的,倒是可以用。 我发现即使都是用css3的tran...

    TwIStOyTwIStOy 评论0 收藏0
  • 前端技术  博客文章、书籍 积累

    前端技术 博客文章、书籍 积累

    摘要:好多编辑器例如等都支持这样的语法来快速的编写代码如何优雅地使用把标签放在结束标签之后结束标签之前的差别什么是响应式设计怎样进行 书籍 《JavaScriptDOM编程艺术》《JavaScript高级程序设计》《JavaScript框架设计》《JavaScript专家编程》《Java...

    LiangJLiangJ 评论0 收藏0

热门文章

<