文章库ARTICLE COLUMN

  • css3 背景渐变

    css3 背景渐变

    摘要:之前,必须依赖等图形处理软件来制作渐变图,再以背景图片方式添加给元素。而现在,使用就可以创造出各种渐变效果了。渐变是帮我们生成的背景图片。 CSS3 之前,必须依赖 Adobe Photoshop 等图形处理软件来制作渐变图,再以背景图片方式添加给元素...

    psycholapsychola 评论0 收藏0
  • 通用 CSS 笔记、建议与指导

    通用 CSS 笔记、建议与指导

    摘要:如下区块标题前缀可以让我们使用命令查找标题名时将搜索范围限制在区块标题中。 在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,...

    lushanlushan 评论0 收藏0
  • 图解利用CSS实现三角形

    图解利用CSS实现三角形

    摘要:利用的以及它的属性值来实现三角形其中最主要的是要明白由于的高度跟宽度都为,,也为,所以元素框的大小就是他的的叠加,由于相邻会重叠,故存在内容宽高时其实任意一边存在的都是梯形的,当内容宽高为时,就表现为三角形,将四个的颜色设置为表示边框...

    dingding199389dingding199389 评论0 收藏0
  • 不确定栏目数量的(多行)导航栏居中

    不确定栏目数量的(多行)导航栏居中

    摘要:代码隐藏最左侧元素的左边框代码导航最外层宽度每个栏目名称的宽度栏目数量每行最大数量可以按需调整根据栏目数量和宽度设置的宽度确定了的宽度,可以使用来实现整个的居中,在中使用负边距来隐藏最左侧标签的左边框。 showImg("http://segmentfault.c...

    BaoyuanBaoyuan 评论0 收藏0
  • 垂直居中一个浮动元素

    垂直居中一个浮动元素

    摘要:场景在一个固定高度的中,有一个浮动的元素,需要将这个浮动元素垂直居中。原始代码如下现在只是简单的设置这个浮动,实现的效果看起来就像这样现在需要将这个在整个里垂直居中。我的做法是在这个外层加一个,并且浮动这个元素而不是之前的。 场景:在...

    LyuxLyux 评论0 收藏0
  • 详解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

热门文章

<