文章库ARTICLE COLUMN

  • 关于弹幕的制作第一篇一 样式

    关于弹幕的制作第一篇一 样式

    摘要:之前做了一个弹幕,样式是这个样子的详情见,记得评论 之前做了一个弹幕,样式是这个样子的 showImg("https://segmentfault.com/img/bVkYTy"); 详情见 ,记得评论 http://blog.monokeroslun.xyz/xiang-mu-fen-xi-guan-yu-dan-mu-de-zhi-zuo/...

    binaryTreebinaryTree 评论0 收藏0
  • 走在 SVG + Low Poly 的路上

    走在 SVG + Low Poly 的路上

    摘要:那强大在哪呢,大家通过下面的图来感受一下。但手绘的时候尤其要小心,三角形的顶点要对齐。制作成之后,在使用的时候要注意,三角形之间是会有缝隙的,尽量放在同一色系的背景之上,这样会显得不明显。 随着 SVG 的发展,艺术家和设计师们把越来越多...

    Flink_ChinaFlink_China 评论0 收藏0
  • 浅谈 CSS 中的伪类 after

    浅谈 CSS 中的伪类 after

    摘要:而不会因为高度塌陷而被隐藏在内部浮动的子元素下。若果不考虑的高度塌陷问题,直接在其弟元素处设置属性即可。开始我误认为了是将中的内容插入至被选元素的弟元素位置上。中的示例从这个示例可以看出,伪类内容的默认方式应该为内联。 1. 引子 前段...

    shinezejianshinezejian 评论0 收藏0
  • CSS垂直居中

    CSS垂直居中

    摘要:大家都知道里面用加上就可以实现水平居中了,但是垂直居中却没有相应的属性来设置,而如果要设置元素能够垂直居中必须得将容器设置为,然后将子元素也就是要垂直居中显示的元素设置为,然后加上来实现。 大家都知道css里面用text-align:center加上marg...

    NeverSayNeverNeverSayNever 评论0 收藏0
  • 围住浮动元素的三种方法

    围住浮动元素的三种方法

    摘要:由于包含元素一定会包围非浮动的子元素而且清除会让这个子元素位于清除一侧浮动元素的下方因此包含元素一定会包含这个子元素以及前面的浮动元素。 浮动元素脱离了文档流,其父元素也看不到它了,因而也不会包围它。这种情况有 时候并非我们想要的,下面向...

    Bowman_hanBowman_han 评论0 收藏0
  • CSS规则的继承与层叠

    CSS规则的继承与层叠

    摘要:我们知道字体属性在任意时刻都只能应用一种设定那此时该应用哪种字体呢为解决类似的冲突确定哪条规则胜出并最终被应用提供了三种机制继承层叠和特指。层叠规则层叠规则一找到应用给每个元素和属性的所有声明。层叠规则五设定的永远大于继承的。 在一个...

    snowellsnowell 评论0 收藏0
  • 使用compass自动合并css雪碧图(css sprite)

    使用compass自动合并css雪碧图(css sprite)

    摘要:使用雪碧图,能够减少页面的请求数降低图片占用的字节,以此来达到提升页面访问速度的目的。也正是因为这一点,导致很多开发者懒于使用雪碧图。本文就介绍下怎样使用来自动合并雪碧图。生成的每个雪碧图默认的规则是目录名图片名。 css雪碧图又叫css精...

    刘永祥刘永祥 评论0 收藏0
  • Block Formatting Context (Flow Root)

    Block Formatting Context (Flow Root)

    摘要:后续会对这两点进行更正。这也是外部容器盒中采用来解决浮动带来的外部元素高度塌陷的问题。溢出将在满足下列条件之一时出现一个不换行的行元素宽度超出了容器盒子宽度。一个元素的高度超出了容器盒子的高度。 1. 引子 前两天在测试overflow:hidden属...

    LeviDingLeviDing 评论0 收藏0
  • CSS语义思维

    CSS语义思维

    摘要:除了其本身的语法规则,我们必须自我约束,引入语义规则,不仅仅是为了提高可读性这样的理由,而是拉近人与机器的距离,让我们在思维上更加和代码契合,这样才能写出优秀的程序。 前一阵子在项目组中讲了一个关于CSS的Session,在讲之前我曾收到了许多...

    icattlecodericattlecoder 评论0 收藏0
  • CSS创始人之一Bert Bos:CSS只是进化的一部分

    CSS创始人之一Bert Bos:CSS只是进化的一部分

    摘要:在的发展过程中,是最早与之父合作的人之一。问您认为中国的开发者虽然起步晚,但是现在已经赶上了是的。但是我知道,它们只是进化的一部分。第一个最主要的原因就是要保护。 非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.itur...

    tinyqtinyq 评论0 收藏0
  • [ 学习路线 ]  学完这些去阿里!GOGOGO

    [ 学习路线 ] 学完这些去阿里!GOGOGO

    摘要:以下知识点是前辈师兄总结基础语义化标签引进了一些新的标签,特别注意等,注意的标题结构理解浏览器解析的过程,理解的树形结构,及相应理解标签在各个浏览器上的默认样式代理样式,理解中的重置样式表的概念理解等功能性标签理解标签,理解文件提交过...

    zhaochunqizhaochunqi 评论0 收藏0
  • DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

    DIV+CSS IE6/IE7/IE8/FF兼容问题汇总

    摘要:下兼容问题,这个最好处理,转化成兼容就可以。暂时还没找到专用的兼容。高度不适应高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用或时。只是目前并不支持。以上都是写中的一些兼容,建议遵循 1.IE8下兼容问...

    silvertheosilvertheo 评论0 收藏0
  • CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的

    CSS学习笔记(十四) 我们前端是怎么跟设计师沟通的

    摘要:前端期望中的设计能给予的除了之外,还有设计上游岗位传递下来的东西。份文件一份好的文件是分层清晰,设计规范的文件。有些页面设计师没有考虑到。地址如下原文链接我们前端是怎么跟设计师沟通的豪情博客园 1.交付 一般设计师给前端的只有psd,没有...

    NusterCacheNusterCache 评论0 收藏0
  • CSS学习笔记(十五) 使用map标签实现单图多热点

    CSS学习笔记(十五) 使用map标签实现单图多热点

    摘要:标签中的属性可引用的标签中的或属性取决于浏览器,所以我们应同时向标签添加和属性。首先用得到几个坐标然后代码实现就是这样。定义三角形至少需要三组坐标高纬多边形则需要更多数量的顶点。 来源:js中图片点击区域的实现 - javascript - Segment...

    EscapedDogEscapedDog 评论0 收藏0
  • 我在移动web开发中遇到的各种问题

    我在移动web开发中遇到的各种问题

    摘要:安卓中有横向滚动水平滚动的需求时,有时候不能横向滚动在和中都能流畅地滚目前年月日在大部分安卓手机都发现这个问题,触发的条件知道了,但是原因未知。 安卓web app中有横向滚动(水平滚动)的需求时,有时候不能横向滚动?(在pc和ios中都能流...

    why_rookiewhy_rookie 评论0 收藏0
  • 一步步搭建物联网系统——无处不在的CSS

    一步步搭建物联网系统——无处不在的CSS

    摘要:与类选择器最常一起出现的是选择器,不过这个适用于比较高级的场合,诸如用控制的时候就需要用到选择器。在线查看一步步搭建物联网系统图灵电子书版一步步搭建物联网系统 无处不在的CSS 或许你觉得CSS一点儿也不重要,而事实上,如果说HTML是建筑的框...

    dreambeidreambei 评论0 收藏0
  • 优化你的css

    优化你的css

    摘要:优化之压缩我们一般都会对进行常规压缩,主要做去空格和换行的工作。具体的优化策略,点此查看地址优化之合并使用将多个合并在一起不要使用减少阻塞和请求拆分看起来和上面有些冲突,这也是和其它部分优化不同的地方。 转自 优化你的css 感觉很有用,...

    null1145null1145 评论0 收藏0
  • 前端的工程化

    前端的工程化

    摘要:背景前端这个职位的诞生也有短短的十年。工程化最终由妇人住到的这个项目的代码变成了这样期间经历了手写前端代码消除缓存影响合并网络请求压缩静态资源前端妇人们不再只管写,和,还要考虑性能。前端开发已然成为一个工程化问题。 背景 前端这个职位...

    2bdenny2bdenny 评论0 收藏0
  • 漫谈标准中CSS浮动令人困惑的部分

    漫谈标准中CSS浮动令人困惑的部分

    摘要:转自漫谈标准中浮动令人困惑的部分时间追溯到年前,那时刚出道,写了一篇定位机制之一普通流,转眼年酱油人生,说好的浮动和绝对定位的篇幅也一拖年。所以标准这两段是因果关系,只是额外表明上述定义造成的一种特殊的结果。 转自漫谈标准中CSS浮动令...

    lentruelentrue 评论0 收藏0
  • 坑爹的三角形导航实现思路

    坑爹的三角形导航实现思路

    摘要:使用监听中的元素的与事件,然后在中显示第二层中相同索引的元素,从而实现高亮,事件用于清除高亮 坑爹的三角形导航终于制作完成了,下面分享一下思路,先看最终效果:http://mall.juesheng.com/act/butie3showImg("https://segmentfault.com/img/bVk...

    leap_frogleap_frog 评论0 收藏0
  • 未知宽度水平居中的几种方法

    未知宽度水平居中的几种方法

    摘要:在某些特定的场合,在没有知道宽度的情况下却要求水平居中,前段时间在写分页的时候碰到了这个问题。但即使我们没有设置的宽度直接设置的外边距就可以实现水平居中了这样我们就可以通过设置水平居中间接使里面的内容居中。转自未知宽度水平居中的几种方...

    raledongraledong 评论0 收藏0
  • 透明背景情况下遮罩出不规则图片

    透明背景情况下遮罩出不规则图片

    摘要:使用透明蒙版等在四个角画三角形来遮罩出六边形我们来一一试验使用透明蒙版如果纯色背景还可以,但是背景要求透明的,所以第一种看样子不大可能了。 我们在处理图片,比如用户头像的时候,通常上传的都是矩形图片 例如:showImg("https://segmentfault...

    rozborozbo 评论0 收藏0
  • css 填坑常用代码分享

    css 填坑常用代码分享

    以下是常用的代码收集,没有任何技术含量,只是填坑的积累。 一. css 2.x code 1. 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap: break-word; word-break: normal; /*强制英文单词断行*/ word-break:break-all; 2. 两端对齐 ...

    wumswums 评论0 收藏0
  • 你需要了解的z-index世界

    你需要了解的z-index世界

    摘要:深入浅出某区域内有个浮层提示或者下拉菜单,于是可能需要遮住该区域之下的区域。很明显,这是完全吻合标准对此的定义。需要注意的是,此时就算元素变成了定位元素,也不能改变其会创建新局部层叠上下文的命运,因为他设置了。 z-index的重要性 在我...

    GTGT 评论0 收藏0
  • 12个你未必知道的CSS小知识

    12个你未必知道的CSS小知识

    摘要:如果你并不是一个特别有经验的程序员,我相信你未必知道属性除了能用在文本显示,还可以用作其它地方。说实话,估计这个值很少人会使用它,但你要知道确实可以使用这样的一个值,如果以前不知道它,那么,现在,在有些罕见的地方,你也许就会变得聪明一...

    CaizhenhaoCaizhenhao 评论0 收藏0

热门文章

<