css
文章平均质量分 66
huihui10086
这个作者很懒,什么都没留下…
展开
-
web前端面试常见问题一---------css布局
web前端面试常见问题一 ------css布局(display) 前言:博主我今年大三,web前端学了也有小半年啦,因为大四没课啦,所以已经开始找实习,面试了很多大大小小的公司,有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题,希望能和大家相互探讨,共同进步。 一.display原创 2015-06-22 13:43:16 · 1050 阅读 · 0 评论 -
css3 flex流动自适应响应式布局样式类
今天在做一个水平居中的div内部元素贴边水平均匀布局(有点绕,直接看图吧),一开始使用的都是一些比较常用的css+html方法来实现布局,感觉这样很死板(在多增加一个div,并未div设置相应的一个负的margin-left,此值需要通过计算得到),于是便想到了css3的flex流式布局,于是上网找了一些资料:1、css3 flex一旦一个容器赋予了disp原创 2015-08-28 15:44:27 · 5713 阅读 · 1 评论 -
使用less开发css
最近在和小伙伴讨论如何高效的编写css代码的问题,于是我们想到了使用css的预处理语言。例如(less,sass等)。最后我们决定使用less(相对于其他css预处理语言更简单,语法更接近css)。先说说什么是less?简单的说,你可以在你的css文件中使用变量、函数等方式来编写你的css。less具有哪些功能?混入(Mixins)——class中的cl原创 2015-07-30 15:00:22 · 1577 阅读 · 0 评论 -
字体图标你还不知道你就out啦
背景:作为一个web前端工程师,怎么可以不知道字体图标这种高大上的东西那!!?首先,我们先恶补下什么是字体图标:用字体文件取代图片文件,来展示图标、特殊字体等元素的方法。优点:加载文件体积小统一展示风格,使用方法通过font-size,color就能自由变化大小,修改颜色,就像控制文字一样简单可以添加一些视觉效果如:阴影、旋转、透明度兼容IE6后原创 2015-07-16 10:38:58 · 945 阅读 · 0 评论 -
子元素设置margin-top,父元素也受影响
这个问题困惑了很久,虽然没有大碍早就摸出来怎么搞定它,但始终不明白原因出在哪里,如果只是IE有问题我也不会太在意,可问题是所有上等浏览器都表现如此,这样叫我怎能安心?今天总算下狠心查出来怎么回事,居然是CSS2.1盒模型规范……虽然很别扭,非常别扭的规定。问题如下,两层Div结构,Outer Div属性为“margin:0 auto”,本该紧贴外框顶部的,如果没有Inner Div,或者没原创 2015-08-10 15:19:54 · 1074 阅读 · 0 评论 -
web前端程序猿的福音----使用font-awesome代替icon小图标
1. 引言网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋。下面的小图标,你是不是会经常用到?你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到。因为它们也可以变为彩色的。黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧。一般的程序猿,包括前端转载 2015-07-07 17:39:39 · 4620 阅读 · 0 评论 -
css属性区分---------word-break与word-wrap
css属性---------word-break与word-wrapword-break与word-wrap这连个属性作用都是控制文本的换行,但是很多人却不太清楚这两个属性的区别,往往是将两个方法一起使用:例如: word-wrap:break-word; word-break:break-all;但其实上述两个属性还是存在一些小区别的,废话不多说原创 2015-06-27 20:45:21 · 560 阅读 · 0 评论 -
web前端面试常见问题三------浮动原理和清除浮动
web前端面试常见问题三 ------浮动原理和清除浮动 面试的时候浮动也是面试官经常问面试者的基础问题之一,浮动(float)也是大家平常在网页开发中经常使用的属性,(主要是为了让一些标签并排显示)。 下面我先讲一下浮动原创 2015-06-23 11:23:52 · 6113 阅读 · 1 评论 -
web前端面试常见问题二 ------css布局(position)
web前端面试常见问题二 ------css布局(position) 前言:博主我今年大三,web前端学了也有小半年啦,因为大四没课啦,所以已经开始找实习,面试了很多大大小小的公司,有失败也有成功。接下来我将和大家分享一下我在各个公司遇到的一些常见面试题,希望能和大家相互探讨,共同进步。 二.position p原创 2015-06-22 14:02:16 · 3691 阅读 · 0 评论 -
纯css实现多行文本省略号显示
首先传统的单行文本实现省略号显示代码如下:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;注意点:部分低版本浏览器需要加上固定宽度才支持text-overflow属性。纯css实现多行文本省略号显示:方法一text-overflow: -o-ellipsis-lastline; o原创 2015-06-22 15:36:20 · 1491 阅读 · 0 评论 -
css的架构
关于如何处理网站的CSS,各个网站做法都不一样,这随着网站的性质及大小不同,公司前人留下的规范不同,以及CSS工程师的眼界不同而有所不同。由于我从业经历有限,所知甚浅,只能说些肤浅业余的内容,不准确之处欢迎指出。就CSS文件而言,有的网站分为header.css, body.css, footer.css,不做评价;有的分为reset.css, main.css, content.cs原创 2015-10-28 15:06:15 · 753 阅读 · 0 评论