文章库ARTICLE COLUMN

  • 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
  • CSS学习笔记(九) 界面组件之导航菜单

    CSS学习笔记(九) 界面组件之导航菜单

    摘要:为了让包围列表项,没有使用,而是使用了,是因为前者会导致后来添加到下拉菜单中的子菜单无法显示它们最终会显示在父元素的外面,结果会导致溢出而被隐藏。它与父元素之间的间隙,实际上下拉菜单中第一个链接的边框。 菜单由一组链接组成。用 HTML...

    pinginkpingink 评论0 收藏0
  • CSS Grid布局:网格单元格布局

    CSS Grid布局:网格单元格布局

    摘要:基于网格线的占位区网格中的单元格是有网格线划分出来的,那么在网格布局中,同样可以使用网格线来给子元素设置占位区域。也就是说这四条网格线间的区域是一个单元格。 CSS Grid布局对于我等来说就是一个全新的布局,但国外很多同行朋友已对这种布局做...

    maxminmaxmin 评论0 收藏0
  • CSS:7个你可能不认识的单位

    CSS:7个你可能不认识的单位

    摘要:原文译文个你可能不知道的单位译者众所周知,当使用技术的时候,很容被一些奇异问题给困住。今天,我就介绍一些你之前可能不知道的属性,是一些例如和测量方面的单位,但是很有可能你之前都没听过这些。然而,对于每一个问题,百分比并不是最好的解决方...

    peixnpeixn 评论0 收藏0
  • CSS Grid布局:合并单元格布局

    CSS Grid布局:合并单元格布局

    摘要:简单点说,就是由单元格慢慢过渡到具有合并单元格的布局在脑海中想想曾经爱过的。基于网格线使用关键词实现单元格合并在布局中除了使用网格线合并单元格之外,还可以使用关键词来实现单元格合并。 《CSS Grid布局:网格单元格布局》一文中通过一些简单...

    pf_milespf_miles 评论0 收藏0
  • JS 和 CSS 的位置对其他资源加载顺序的影响

    JS 和 CSS 的位置对其他资源加载顺序的影响

    摘要:克军做了一系列测试和的顺序关系,给出了现象和结论,但未给出原因。比如在下的瀑布图是黄色条是的,可以看出的延时下载是由定律一决定的。克军的其他结论都是对的,不多说。 克军做了一系列测试:js和css的顺序关系,给出了现象和结论,但未给出原因...

    YangderYangder 评论0 收藏0

热门文章

<