文章库ARTICLE COLUMN

  • 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
  • 关于前端浏览器 IE6bug 解决方案

    关于前端浏览器 IE6bug 解决方案

    摘要:而则是让支持替代代码,但效果和其它版本浏览器相同效果。让所有浏览器包括浏览器支持最大宽度又支持最小宽度代码 /* position:fixed IE6bug解决方案 */ /* 让修复IE6 position:fixed不可用的Bug! */ /* 头部固定 */ .fixed-top{position:fixed;bo...

    MeathillMeathill 评论0 收藏0
  • 面试常见问题——垂直居中的几种方法

    面试常见问题——垂直居中的几种方法

    摘要:前几天面试,被问到两次,没答好,找到这篇文章收藏学习一下,来自这里做手机的页面,经常会遇到需要垂直居中的情况,这里把常用的垂直居中的几种方法整理下。 (前几天面试,被问到两次,没答好,找到这篇文章收藏学习一下 ,来自这里) 做手机的页...

    PrasantaPrasanta 评论0 收藏0
  • CSS学习笔记(十) 界面组件之表单

    CSS学习笔记(十) 界面组件之表单

    摘要:概述表单与其他页面元素的作用不同。属性用于指定服务器上用来处理表单数据的文件的。所谓控件,是对表单中用来收集数据的各种表单组件的通称,包括文本框复选框单选按钮等输入类型。 1.概述 表单与其他页面元素的作用不同。其他元素是把服务器发过来...

    andotandot 评论0 收藏0
  • CSS3:不可思议的border属性

    CSS3:不可思议的border属性

    摘要:原文译文不可思议的属性译者在中,其属性有很多的规则。对于一些事物,例如三角形或者其它的图像,我们仍然使用图片代替。但是现在就不需要了,我们可以用形成一些基本图形,我分享了一些关于这方面的技巧。 原文:Magic of CSS border property 译文...

    weknow619weknow619 评论0 收藏0
  • 响应式设计三部曲

    响应式设计三部曲

    摘要:原文译文响应式设计的三个步骤译者现在,响应式设计无疑是非常流行的。为了帮助你快速入门响应式设计,我写了一篇快速入门教程。第三步媒体查询是进行响应式设计的戏法,它跟写条件一样,来告诉浏览器对于特定的宽度如何渲染页面。 原文:Responsive D...

    xcc3641xcc3641 评论0 收藏0

热门文章

<