文章库ARTICLE COLUMN

  • 清除浮动方式总结

    清除浮动方式总结

    摘要:为什么要清除浮动虽说是清除浮动,其实是清除浮动产生的影响。浮动的元素,高度会塌陷,而高度的塌陷使我们布局中需要清除浮动的最重要的原因之一。清除浮动的方法父级定义原理父级手动定义,就解决了父级无法自动获取到高度的问题。 为什么要清除浮动...

    laoLiueizolaoLiueizo 评论0 收藏0
  • 水平、垂直居中方式总结

    水平、垂直居中方式总结

    摘要:我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景,今天我们就来看一下如何设置水平居中和垂直居中。水平居中行内元素。不定宽块状元素水平居中我们来学习一下这种方法。 我们在实际工作中经常会遇到需要水平居中或者垂直居中的场景,今天我...

    陆斌陆斌 评论0 收藏0
  • Web语义化标准解读

    Web语义化标准解读

    摘要:为什么说最佳实践是呢简单来说,就是这类预处理器在提供一定的抽象能力的同时,也不会破坏自身的特性。就语义化这件事情而言,如果你的是基于标准来编写的,意味着你的页面具备更多的可能性。 原文:https://github.com/kuitos/kuitos.github.io/issue...

    vspidersvspiders 评论0 收藏0
  • 怎样打造一个DOM元素位置引擎 (一)

    怎样打造一个DOM元素位置引擎 (一)

    碎碎念 这是一篇早就应该写的文章,但是由于过年前项目紧张,一直没有时间,这个周末决定把这笔债换了。这个项目开始于两个月前,也是花了比较多时间的一个项目,不像前段时间写的 Hexo 主题 fexo ,灵感一现,两个晚上就大体出来了。这也是一个比较有意思...

    罗志环罗志环 评论0 收藏0
  • 我的编程之路:「生存」是唯一的基本要求

    我的编程之路:「生存」是唯一的基本要求

    摘要:简单介绍一下自己和目前的工作我现在是一名前端,在苏州一家小公司上班。和前端大牛相比,我是一个不能再普通的了。详细写写你是如何走上编程的道路我是一个有听力残疾的人,几乎听不到这个世界的声音。因为生存,我选择了一条编程的路。 简单介绍一下...

    developerworksdeveloperworks 评论0 收藏0
  • 工欲善其事,必先利其器 _SUBLIME TEXT 3_使用心得(上篇)

    工欲善其事,必先利其器 _SUBLIME TEXT 3_使用心得(上篇)

    摘要:的主要功能包括拼写检查,书签,完整的,功能,即时项目切换,多选择,多窗口等等。目前,是最受欢迎的前端开发工具之一。缺点是一款收费软件,不过可以无限期使用。注意在安装时勾选,这样在右键单击文件时就可以直接使用打开。 Sublime text 简介 Su...

    xingqibaxingqiba 评论0 收藏0
  • 一个极简主义设计的 Hexo 主题

    一个极简主义设计的 Hexo 主题

    摘要:作为设计师出身的前端攻城狮,用着别人的主题终究还是不爽,于是花了两天晚上写了一个主题。 作为设计师出身的前端攻城狮, blog 用着别人的主题终究还是不爽,于是花了两天晚上写了一个 Hexo 主题。 主题 Github 地址:Fexo - A minimalist design th...

    aboutUaboutU 评论0 收藏0
  • javascript 判断变量是否是数组(Array)

    javascript 判断变量是否是数组(Array)

    摘要:过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意这个懊恼的行为,今天的文章跟大家分享下如何判断便是是数组。 过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明...

    RayKrRayKr 评论0 收藏0
  • 细说 CSS margin

    细说 CSS margin

    摘要:给父元素设置了一个灰色背景,并且没有设置高度,因此高度会随着内容而扩展,设置为。这个元素的位置如下图所示因为元素清除了左浮动,所以元素下移。由于这条规则的存在,导致他们折叠后的不能跟的进行折叠,因此的高度被撑开。 作者:https://coding...

    tianren124tianren124 评论0 收藏0
  • HTML/CSS基础知识总结

    HTML/CSS基础知识总结

    摘要:控制表单控件的禁用状态。这个符号只有会识别渐进识别的方式,从总体中逐渐排除局部。接着,再次使用将和分离开来,这样已经独立识别。生成相对定位的元素,相对于其正常位置进行定位。元素不能用作语义用途以外的其他目的。 HTML、CSS部分 要点:对We...

    CoderStudyCoderStudy 评论0 收藏0
  • 一些问题

    一些问题

    摘要:并且满足条件下一个标题高度高于滚动的高度和条件没有下一个标题的其中之一条件。解决了原来专题页面的几个问题,如海报与大小不一致问题。修正了一些边距的问题。下周工作计划确保页面的问题都解决,并完成测试。 2016年第四周周报 1. 上周工作内容 ...

    shengguoshengguo 评论0 收藏0
  • 伪元素 before after

    伪元素 before after

    摘要:用途伪元素和用于一个给定元素的前面或者后面添加文字或者图片。这些添加不会改变文档的内容,不会出现在结构中,不可复制,仅仅在渲染层加入。 用途 伪元素 ::before 和 ::after 用于一个给定元素的前面或者后面添加文字或者图片。 这些添加不会改变...

    刘东刘东 评论0 收藏0
  • CSS哲学伪命题

    CSS哲学伪命题

    摘要:最早遇到的大概的是命名的问题了吧,因为本身积累的词汇量就少,动不动就没单词可用了。用于解决项目命名规则问题。其哲学理念是模块化,功能单一性,关注点分离。借助而解决了中的命名空间的问题,使得单文件变得简单清晰。 标题党。这篇文章断断续续...

    ShimmerShimmer 评论0 收藏0
  • css规范总结

    css规范总结

    摘要:通用选择器,子选择器和相邻同胞选择器并不在这四个等级中,所以他们的权值都为,优先级最高,万不得已的情况下才用。规范命名风格规范文件命名统一为小写的英文字母尽量少用拼音,如。当名字需要组合时,可以采用文件名的规范。 css样式的权值(权重) ...

    CollinPengCollinPeng 评论0 收藏0
  • 多列布局方案整理

    多列布局方案整理

    摘要:了解中属性的值及其特性,透彻分析问题和需求才可以选择和设计最适合的布局解决方案。多列布局在网页中非常常见例如两列布局,多列布局可以是两列定宽,一列自适应,或者多列不定宽一列自适应还有等分布局等。 了解 CSS 中属性的值及其特性, 透彻分析...

    EuphoriaEuphoria 评论0 收藏0
  • CSS 设计指南 学习笔记 一

    CSS 设计指南 学习笔记 一

    摘要:每个元素都有一组样式属性,这些属性涉及元素在文档流中显示时的不同方面,比如在文档流中的位置边框背景颜色等等。选择符和要应用的样式构成一条规则。上下文选择器严格来讲应该叫后代组合式选择器。 原文地址:http://justclear.github.io/css-stylin...

    wzypluswzyplus 评论0 收藏0
  • CSS 设计指南 学习笔记 二

    CSS 设计指南 学习笔记 二

    摘要:原文地址本篇文章是笔者的设计指南学习笔记的第二部分,由于最近都在准备期末考的事,所以都没来得及对设计指南进行一些总结,没有看之前第一部分的话也可以从这里传送过去。 原文地址:http://justclear.github.io/css-stylin-with-css-note-2 本篇文...

    printempwprintempw 评论0 收藏0
  • Absolute 和 Relative

    Absolute 和 Relative

    摘要:在中,元素的大小是不变的,通过设置等属性,改变元素相对于自身的位置。所以被的元素,是可能会和其他元素重叠的,但是不会对之后的元素的位置有影响。被称为绝对定位。绝对定位的元素是根据其决定的,完全脱离,对后续的兄弟节点的布局无任何影响。 ...

    李增田李增田 评论0 收藏0
  • Apple官网研究之使用Justify布局导航

    Apple官网研究之使用Justify布局导航

    摘要:在实现文字两端对齐的时候,可以对文字所在的元素使用如下属性来达到需求我们已经知道,使用浮动布局是一个次等选择,因为浮动布局会导致页面全局渲染次而降低渲染效率,因此陆续出现了许多浮动布局的替换方案。官网也是使用了内联块元素的两端对齐。 ...

    walterrwuwalterrwu 评论0 收藏0
  • 前端碎语(5)

    前端碎语(5)

    摘要:禁止用户选择文字在一些应用场合,我们不希望用户能够选择文字。在下使用透明效果虽然已经停止对的技术支持了,然而做前端的还得被它恶心一段时间,有些兼容性的问题是我们仍要面对滴。但是,前端界被虐了这么多年,解决问题的方法总是有的。 禁止用户...

    xialongxialong 评论0 收藏0
  • CSS居中完全指南

    CSS居中完全指南

    摘要:原载于,本文着重提取文中的方法,不完全翻译。人们经常抱怨在中居中元素的问题,其实这个问题其实并不复杂,只是因为方法众多,需要根据情况从众多方法中选取一个出来。 原载于CSS-Trick,本文着重提取文中的方法,不完全翻译。如有需要,直接原文查...

    qujianqujian 评论0 收藏0
  • 浅谈前端开发规范

    浅谈前端开发规范

    结构 样式 行为分离 模板只包含html文件,模板的书写顺序相应的命名规则 html:语义化css:类名以功能或内容命名 样式复用 最好少于三级 在没有必要的情况下避免元素选择器叠加 Class、ID 使用 属行的书写顺序 性能 js:避免重复查找dom 三元操作符电梯...

    LuosunceLuosunce 评论0 收藏0
  • 博客引入漂亮字体二三事

    博客引入漂亮字体二三事

    摘要:火狐推迟对字体的支持,重点放在格式上。网络字体的效率字体文件的体积可能非常的大尤其是对于汉字,而且需要额外的连接,这些都会降低网站页面的加载速度。 最近兴致上来,就想更换了那Blog标题字体(汉字的);网上搜索了一番,发现蘇新詩柳繁體这款甚...

    Michael_LinMichael_Lin 评论0 收藏0
  • 将footer固定在页面底部的实现方法

    将footer固定在页面底部的实现方法

    摘要:也可以设置负值的在上面,此时结构变化如下设置使用一个空的把容器推到页面最底部,同时给设置一个负值的,这个与和的高度相等。 方法一:footer高度固定+绝对定位 HTML结构: header main content footer CSS设置: html{height:100%;}...

    leeonleeon 评论0 收藏0
  • 用纯CSS美化radio和checkbox

    用纯CSS美化radio和checkbox

    摘要:先看看纯美化过后的和效果查看。项目地址在出现之前,我们美化和需要借助,最具代表性的就是,它功能强大复杂并且主题很多。为了更好的在项目中重用,我把美化的代码写成一个项目,叫,寓意像魔法一样去美化和。 Radio和checkbox需要美化吗?答案是必...

    terroterro 评论0 收藏0

热门文章

<