文章库ARTICLE COLUMN

  • 关于前端浏览器 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
  • CSS编码规范

    CSS编码规范

    摘要:代码风格文件建议文件使用无的编码。解释编码具有更广泛的适应性。示例空格强制选择器与之间必须包含空格。示例字号强制需要在平台显示的中文内容,其字号应不小于。示例响应式强制不得多带带编排,必须与相关的规则一起定义。 转载:原地址 1 前言 ...

    flyer_devflyer_dev 评论0 收藏0
  • 网站设计之合理架构CSS 架构CSS

    网站设计之合理架构CSS 架构CSS

    摘要:与此同时,文件维护和组织的考验也随之而来。现在建立新网站时,必须花点时间好好筹划怎么组织和架构。我认为组织规划的重要性堪比网站目录结构。假如一个网站的首页子页面和组合页设计不同,就可以采用基于原型的策略。 (收藏自技术狂) 架构CSS 在...

    jerryjerry 评论0 收藏0
  • 向CSS创始人之一Bert Bos提问!

    向CSS创始人之一Bert Bos提问!

    摘要:是一位计算机科学家,他也是的创始人之一。在格罗宁根大学研究期间开发了浏览器,这是为他的样式表提案而开发的测试应用。最终入选问题的提问者,将获得图灵社区送出的图灵电子书一本。 中国首届CSS开发者大会将于1月19日(本周六)在北京举行,图灵访...

    vboy1010vboy1010 评论0 收藏0
  • CSS学习笔记(十二) CSS命名规范

    CSS学习笔记(十二) CSS命名规范

    摘要:引言最近想将这几个月做过的东西组件化,然后首先想到的是编码规范化本文只涉及命名规范,搬来了造好的轮子。举例对齐样式使用对齐目标的英文名称。举例注意事项一律小写尽量用英文不加中杠和下划线尽量不缩写,除非一看就明白的单词。 引言:最近...

    stormjunstormjun 评论0 收藏0
  • Less 编码规范 (1.1)

    Less 编码规范 (1.1)

    摘要:代码的基本规范和原则与编码规范保持一致。变量的变量值总是以同一作用域下最后一个同名变量为准,务必注意后面的设定会覆盖所有之前的设定。的参数分隔符使用和均可,但在同一项目中必须保持统一。 转载:原地址 简介 该文档主要的设计目标是提高 L...

    xorpayxorpay 评论0 收藏0
  • CSS学习笔记(十三) WAMP5 & SinaAppEngine

    CSS学习笔记(十三) WAMP5 & SinaAppEngine

    摘要:引言很多时候,我们需要将代码放到服务器上调试。对于小前端来说,集成环境是个非常不错的选择。体积较小,启动速度快,菜单较人性化,小图标有状态显示。划分模块的一个准则就是高内聚,低耦合。为了解决的远程访问问题,我抡起了铺尘的账号。 引...

    sourcenodesourcenode 评论0 收藏0
  • 如何实现CSS居中?–CSS居中常用方法

    如何实现CSS居中?–CSS居中常用方法

    摘要:文章参考翻译不当之处请谅解一水平居中内联元素居中相对父级块级元素居中对齐块级元素居中设置和为让它居中同时还要设置,否则它就会承满整个容器,无法看出居中效果如果有很多块级元素需要水平居中成一行,最好使用一个不同的类型。 文章参考:http:/...

    CarlCarl 评论0 收藏0
  • 单页面web应用的滑动

    单页面web应用的滑动

    摘要:目的印象笔记的版是一个优秀的单页面应用。希望通过分析工作群聊这个滑入与滑出,探讨单页应用开发的若干细节问题。该样式增加的属性看第二行滑出前滑出后分析二由于父级增加样式,所以发挥作用。子级变化,以的方式运动。否则运动不一致,体验不佳。 ...

    biaoxiaoduanbiaoxiaoduan 评论0 收藏0
  • 织梦做网站过程中引用bootstrap产生css冲突的解决

    织梦做网站过程中引用bootstrap产生css冲突的解决

    经过逐个查找,是几个最常见的标签产生了冲突,删除即可。列出如下: body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff;...

    AjianAjian 评论0 收藏0
  • 浏览器的CSS Hacks

    浏览器的CSS Hacks

    摘要:我不再使用了,相反的是,我将使用的条件判断将类应用到标签。但是,我想记录我之前碰到过的每一个浏览器特定的选择器和样式属性。我相信也没有其他方式提供样式表给独特的利用这些,你能够更好的针对和,代码如下浏览器特定的综合列表原文 我不再使用...

    lieepslieeps 评论0 收藏0
  • 回味background

    回味background

    摘要:就目前为止,还没有到好玩的地步,只要知道会盖在上面,然后如果在后面写半角英文逗号的话,就可以玩多背景图了,比如。 background是在CSS中使用率很高的一个属性之一,由最初的几个简单的属性到现在新增了很多的属性,比如background-size、backgrou...

    aboutUaboutU 评论0 收藏0
  • CSS学习笔记(六) 元素定位

    CSS学习笔记(六) 元素定位

    摘要:方法一为父元素添加方法二同时浮动元素方法三添加非浮动的清除元素定位布局的核心是属性,对元素盒子应用这个属性,可以相对于它在常规文档流中的位置重新定位。绝对定位绝对定位会把元素彻底从文档流中拿出来,然后相对于其他元素默认是定位上下文定位...

    浠ラ箍浠ラ箍 评论0 收藏0
  • CSS学习笔记(七) 背景

    CSS学习笔记(七) 背景

    摘要:任何方向上都不重复只让背景图片显示一次。,背景图片就会以段落的中心点为起点。第一个值表示水平位置,第二个值表示垂直位置。拉大图片,使其完全填满背景区保持宽高比。提示渐变是帮我们生成的背景图片。 在CSS里面,每个元素盒子都可以想象成由两...

    PikachuPikachu 评论0 收藏0
  • 不得不收藏的——IE中CSS-filter滤镜小知识大全

    不得不收藏的——IE中CSS-filter滤镜小知识大全

    摘要:属性特性描述可选值,布尔值,默认值为,启用过滤器为不启用过滤器。正常显示,内容对象将翻过来。,设置对象是否投影,布尔值,和,设置对象投影不透明度,,假如为那么该值无效。 前言 前段时间在做一个专题的时候用到了opacity不透明度属性,因为...

    yuanzhanghuyuanzhanghu 评论0 收藏0
  • 从一个居中方法说起 —— 谈 translate 与 相对、绝对定位

    从一个居中方法说起 —— 谈 translate 与 相对、绝对定位

    摘要:方法介绍垂直水平居中是日常前端开发当中一个常见的需求,在支持属性的现代浏览器当中,有一个利用属性的垂直水平居中方法例子传送门请用现代浏览器打开从上面的例子看到,无论我们怎样调整窗口的大小,红色方块始终会在窗口垂直水平居中。 方法介绍 ...

    DandJDandJ 评论0 收藏0
  • 【长这么大第一次见到前端BUG所以兴奋地写到】一个前端BUG

    【长这么大第一次见到前端BUG所以兴奋地写到】一个前端BUG

    摘要:看到这个我整个人都不好了。就是和不一致。。。其实问题的根源我还是没搞清楚,为啥会有的差别,又为啥套一层就好了浏览器为啥行为不一致呢在前端看来是个很蠢的问题是不是哎卧槽写了多年后端表示浏览器兼容压力山大 爬虫锚点:input-group-addon glyp...

    youkedeyoukede 评论0 收藏0
  • 使用Sass来写OOCSS

    使用Sass来写OOCSS

    摘要:自从年提出以来。它就成为一个领先的模块系统,用来组织你的代码方式之一。换句话说,你的样式中尽量不要使用标签或者标识符。我们必须使用来创建对象,通过在类中调用,将其合在一起。如果你不在刻意在中追求语义化,你仍然可以使用。 自从2008年Nico...

    CarlCarl 评论0 收藏0
  • CSS Grid布局:什么是网格布局

    CSS Grid布局:什么是网格布局

    摘要:网格单元格网格单元格是指四条网格线之间的空间。所以它是最小的单位,就像表格中的单元格。图中突出显示的网格区域是行线和列线之间的区域,其主要包括了四个网格单元格。 CSS Grid现在已经被W3C纳入到CSS3的一个布局模块当中,被称为CSS Grid Layout...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • CSS学习笔记(八) 页面布局之三栏-固定宽度布局

    CSS学习笔记(八) 页面布局之三栏-固定宽度布局

    摘要:示例添加这一行规则结果就会变成这样我们把这种现象称为浮动滑移,可以使用三种方法来预防发生从设定的元素宽度中减去添加的水平外边距边框和内边距的宽度和。当我们取消勾选该属性时,栏就会由于栏的推挤产生了浮动滑移,移位到栏下方。 1.布局前的认...

    eecheneechen 评论0 收藏0
  • CSS Grid布局:浏览器开启CSS Grid Layout

    CSS Grid布局:浏览器开启CSS Grid Layout

    摘要:浏览器浏览器开启的方法和是一样的。浏览器非常遗憾,直到目前为止,我还没有找到如何在浏览器中开启模块。如果您知道如何在浏览器中开启相关功能,还请多多指点。不过不用担心,到目前为止,我们至少有四种不同的浏览器和可以做相关的演示与测试。 上...

    hightopohightopo 评论0 收藏0

热门文章

<