文章库ARTICLE COLUMN

  • 【二次元的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
  • 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

热门文章

<