文章库ARTICLE COLUMN

  • 详解css中的display属性(行内元素和块级元素)

    详解css中的display属性(行内元素和块级元素)

    摘要:在中,和就是典型的行内元素元素。内联元素不多带带占一行,给他设置宽高是没有用的。在中和就是块级元素。此元素会根据上下文作为块级元素或内联元素显示。此元素会作为块级表格来显示类似,表格前后带有换行符。 display属性 首先,所有主流浏览器...

    figofuturefigofuture 评论0 收藏0
  • css的选择器效率分析

    css的选择器效率分析

    摘要:选择器的最后一部分,也就是选择器的最右边在这个例子中就是部分部分被称为关键选择器,它将决定你的选择器的效率如何是高还是低。因为最右边的关键选择器是最具体的,也符合上述的选择器优先级顺序。 赞助我以写出更好的文章 如果您觉得文章对您有帮...

    firimfirim 评论0 收藏0
  • 主流CSS image比较

    主流CSS image比较

    摘要:如何来对这些图片做优化呢本文简单的梳理了一下目前几种比较常用的使用方式。下文未对性能问题做真实的测试,请保持一颗好奇的心,并告诉我们这是目前使用比较多的方式。也是我个人认为相对最优的一种解决方式。采用用来显示也不失为一种好办法。 在还...

    ifloveiflove 评论0 收藏0
  • 使用Pygments来实现代码高亮

    使用Pygments来实现代码高亮

    摘要:本文最初发布于我的个人博客今天我尝试更换了我个人博客中的代码高亮样式,主要使用的就是。在官网上是可以直接尝试的哦将内容输出到文件中最后文件的内容大概是这样的只要在使用到代码高亮的文件中,引入这个样式就大功告成了。 本文最初发布于我...

    hiyanghiyang 评论0 收藏0
  • 详解css3系列:动画@keyframes和Animation

    详解css3系列:动画@keyframes和Animation

    摘要:定义动画的名称。动画时长的百分比。在中,我们以百分比来规定改变发生的时间,或者通过关键词和,等价于和。其中,是动画的开始时间,动画的结束时间。规定完成动画所花费的时间,以秒或毫秒计。动画应该正常播放。 赞助我以写出更好的文章,give me ...

    codergardencodergarden 评论0 收藏0
  • 网站性能优化之css sprites

    网站性能优化之css sprites

    摘要:什么是打开一些网站可以看到每张图片相应需要请求一次后台,如下图请求是比较消耗资源的,当网站中存在较多的请求时,性能就会相应的降低,加载就会变慢,甚至卡住。减少请求能提高性能,就是通过合并多张图片达到减少请求目的的一种技术。 什么是c...

    MarkxuMarkxu 评论0 收藏0
  • 垂直居中的几种实现方法?

    垂直居中的几种实现方法?

    摘要:结构效果如下优点不用受内容高度的限制,简单实现垂直居中缺点不兼容方法二这个方法使用绝对定位的,把它的设置为,设置为负的高度。这意味着对象必须在中指定固定的高度。使用使块级元素垂直居中是很简单的。 方法一:把一些 div 的显示方式设置为表...

    sorrasorra 评论0 收藏0
  • 一张图告诉你,只会CSS还不够!!!!!

    一张图告诉你,只会CSS还不够!!!!!

    摘要:会了语法会了选择器,你就真的会了吗,来看这张图是超实用的代码段的导览熊孩子们,赶紧学习去吧 会了CSS语法、会了CSS选择器,你就真的会了CSS吗,来看这张图!是超实用的CSS代码段的导览!熊孩子们,赶紧学习去吧!showImg("http://segmentfault.com...

    dongxiawudongxiawu 评论0 收藏0
  • 详解css相对定位和绝对定位

    详解css相对定位和绝对定位

    摘要:以上两点点可以总结出,相对定位总是以父级左上角为原点进行定位的,如果父级不存在,则以浏览器左上角进行定位。 赞助我以写出更好的文章,give me a cup of coffee? 2017最新最全前端面试题 案例代码1 .rel{ border: 1px ...

    JadenJaden 评论0 收藏0
  • CSS这些代码你都不会,你还有什么好说的!!!

    CSS这些代码你都不会,你还有什么好说的!!!

    摘要:都说自己工资低的,先看看这些代码你能写出来不这些都不会,你还嫌工资 都说自己工资低的,先看看这些代码你能写出来不?这些都不会,你还嫌工资?showImg("https://segmentfault.com/img/bVc3lj");...

    includecmathincludecmath 评论0 收藏0
  • 使用百度地图API来完成交大校园巴士时刻表

    使用百度地图API来完成交大校园巴士时刻表

    摘要:完成这个应用的主要步骤申请百度地图访问权限添加校园巴士车站绘制校园巴士路径弹出校园巴士时刻表申请百度地图访问权限百度地图免费对外开放。 本文最初发布于我的个人博客:Jerry的乐园 交大的校园巴士时刻表都只能在车站的站牌上查看。这对于...

    bang590bang590 评论0 收藏0
  • Front-end-Developer-Interview-Questions

    Front-end-Developer-Interview-Questions

    摘要:前端工作面试问题备注本包含了一些前端面试问题用于考查候选者。不建议对单个候选者问及每个问题那需要好几个小时。列举不同的清除浮动的技巧,并指出它们各自适用的使用场景。选择器字符串,字符串,回调函数,元素,对象,数组,元素数组,对象等。 ...

    array_huangarray_huang 评论0 收藏0
  • 【转自百度fex】fex-team/interview-questions

    【转自百度fex】fex-team/interview-questions

    摘要:注意目前发现有其他人以团队名义进行招聘,发出的邮箱皆为私人邮箱。为防止在投递简历出现误会,在此提醒各位注意团队没有以任何个人名义或邮箱进行招聘。的面试过程我们一般会有轮面试,对于高级别的工程师可能会有轮面试。 fex-team/interview-quest...

    468122151468122151 评论0 收藏0
  • 详述css中的百分比值

    详述css中的百分比值

    摘要:很多属性的取值都可以是百分比值。这就是百分比值的意义。可用百分比值的常见属性宽和高在使用百分比值时,其参照都是元素的包含块,详情。百分比值的继承请注意,当百分比值用于可继承属性时,只有结合参照值计算后的绝对值会被继承,而不是百分比值本...

    flyer_devflyer_dev 评论0 收藏0
  • 页面加载后页面元素抖动、闪烁的问题

    页面加载后页面元素抖动、闪烁的问题

    摘要:最近在开发是遇到一个很诡异的问题,下页面在加载完成后部分元素会出现抖动问题,而和均没有出现。 最近在开发是遇到一个很诡异的问题,IE下页面在加载完成后部分元素会出现抖动问题,而chrome和firefox均没有出现。最开始怀疑的是某些元素css添加了:h...

    el09xccxyel09xccxy 评论0 收藏0
  • 如何给input、textarea的placeholder属性设置字体颜色?

    如何给input、textarea的placeholder属性设置字体颜色?

    摘要:伪元素伪元素用于向某些选择器设置特殊效果。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,如等等。 代码如下: input::-webkit-input-placeholder { color: #D6D0CA !important; /* We...

    104828720104828720 评论0 收藏0
  • IE你够了!CSS选择器

    IE你够了!CSS选择器

    摘要:但是,我们必须要把心头的痛体会清楚了解对选择器的支持,在时,根据需求来使用。额,首先,是不支持属性选择器的,但的都支持问什么是属性选择器属性选择器长这样。 做一个用CSS能随心所欲对DOM操作的前端工程师吧。但是,我们必须要把心头的痛体会清...

    keithyaukeithyau 评论0 收藏0
  • 嘿,咱不能老靠着css

    嘿,咱不能老靠着css

    摘要:文章正在更新,每个标签的例子没补全,完成进度为在古老古老的以前,那时候没有。简单的说就是,这个里面可以加,而且在老中,这个有,比如下会加额外的给元素。定义预定义范围内的度量。定义若浏览器不支持元素显示的内容。将旁注呈现为小型文本。 ==...

    dingding199389dingding199389 评论0 收藏0
  • margin:负值 也挺有用

    margin:负值 也挺有用

    摘要:中一些属性设置成负值可以得到不一样的效果。如负值成就了雪碧图。负值实现链接文字隐藏当然这个在未来不推荐使用了哈,有点影响读屏器首先定义一下。可以用负值来搞掂。那么中的属性就会给右侧多出一些空隙,这个时候弄一个负值会有神奇的效果。 css...

    ScliangScliang 评论0 收藏0
  • 简单css --七夕了,你还不去表白

    简单css --七夕了,你还不去表白

    摘要:听说明天七夕了我什么都不知道,牛郎都跟他家牛在一起了。单身狗表示。。。前一段时间看过用花爱心的,吃完饭我也做一下尝试。一个,一个伪类,旋转合体效果图效果链接好嘞,找人表白去 听说明天七夕了(我什么都不知道,牛郎都跟他家牛在一起了)。 ...

    avwuavwu 评论0 收藏0
  • CSS/两栏并列等高布局

    CSS/两栏并列等高布局

    摘要:刚好,两栏并列等高布局就出来了具体的实践过程中可以把和的值设大一些,要保证任意两栏的高度差不小于你设置的值。至此,总算把实现两栏等高布局的原理弄懂了。这说明不要轻易看别人的简历血的教训啊地址两栏并列等高布局实验 实习的时候在老大那里偶...

    macg0406macg0406 评论0 收藏0
  • 什么是 "containing block"

    什么是 "containing block"

    摘要:简写为有以下几种情况根元素所在的包含块是一个长方形,称为初始的包含块。假如元素的设为或,包含块是由最近的父容器块的内容区边缘形成的。假如元素的设为,包含块是由所在的或决定。 官方定义:一个元素盒子的位置和大小有时相对于某个矩形来计算的...

    henry14henry14 评论0 收藏0
  • CSS那些事

    CSS那些事

    摘要:今天跟大家分享一下中一些比较重要和比较容易被忽略的东西,开始吧。当为时,块级元素的宽度会填满整个包含块。也就是说上下外边距的值也是以父元素的宽度为标准的。 今天跟大家分享一下CSS中一些比较重要和比较容易被忽略的东西,开始吧。 样式优先...

    LinkedME2016LinkedME2016 评论0 收藏0
  • 写css的毛病

    写css的毛病

    摘要:最近公司要做手机端页面,之前没做过,也只是给另一边的美工指点一下,不过发现现在写有一个毛病那就是类型下面的代码为什么这样写,原因是在写或看别人的代码时,会发现有很多代码都重复于是遵循个人感觉找页面中的共同点来封装,如大小,字体等做到对...

    wenyiwebwenyiweb 评论0 收藏0
  • 隐藏IE10默认在input框输入内容后显示“X”按钮

    隐藏IE10默认在input框输入内容后显示“X”按钮

    showImg(http://segmentfault.com/img/bVcPFM); ::-ms-clear{display: none;} ::-ms-reveal{display: none;}

    pubdreamccpubdreamcc 评论0 收藏0

热门文章

<