文章库ARTICLE COLUMN

  • [譯] CSS 載入機制的未來趨勢

    [譯] CSS 載入機制的未來趨勢

    摘要:載入流程被限制在兩個階段根據上面的模式,內嵌透過隱藏尚未套用樣式的內容,然後非同步得載入之後呈現內容。樣式表本身的載入機制是平行的,但是套用樣式卻是要照順序的。我們需要一點小技巧來避免。 這週閱讀到這篇有意思的文章,於是便動手寫下簡單...

    AstrianAstrian 评论0 收藏0
  • nth-child & nth-of-type讲解

    nth-child & nth-of-type讲解

    摘要:关于的区别,网上很多人的解释是存在误区,解释是不够清楚的,今天在这里把个人测试过的分享给大家按标签进行选择写法一使用得出的效果如图使用得出的效果如图由以上两个效果图可知,在父级元素下只有标签的时候,两者没什么区别。 关于nth-child && n...

    gityuangityuan 评论0 收藏0
  • [css] line-height 百分比单位和数值单位的区别

    [css] line-height 百分比单位和数值单位的区别

    摘要:前言中的属性值有。属性值规范建议厂商根据字体设置一个的类型的值,建议在到之间。不同会造成什么样的影响呢答案是对继承有影响。 前言 CSS 中的 line-height 属性值有 normal | | | | inherit。 属性值:normal w3c规范建议厂商根据字体设置一个...

    watercwaterc 评论0 收藏0
  • css3动画属性详解之transform、transition、animation

    css3动画属性详解之transform、transition、animation

    摘要:动画属性详解关于制作动画的几个属性变形转换和动画。一属性旋转中心为原点扭曲倾斜缩放移动矩阵变形。各个属性的用法旋转其中表示度。承载动画的另一个属性。定义动画的名称。一个或多个合法的样式属性。 css3动画属性详解: 关于CSS3制作动画的几个...

    RiddlerRiddler 评论0 收藏0
  • css边框入门

    css边框入门

    摘要:上下左右边框可以使用下面的代码很好的显示出这四个边框下图对应上面的样式即可显示这四个边框到底是如何搭配的可以发现在边角处,两个边框平分所占面积。 上、下、左、右边框 可以使用下面的代码很好的显示出这四个边框: .demo-1{ width: 100px;...

    ChaoChao 评论0 收藏0
  • Sublime Text3配置使用教程整理

    Sublime Text3配置使用教程整理

    摘要:安装完添加如下配置可自动在保存文件的时候格式化中文输入法不能跟随光标吗试试这个插件吧目前只支持和装完之后,写作时右下角显示语法为,可以按,直接就会生成,并在浏览器中显示。 Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu...

    kevinkevin 评论0 收藏0
  • [译]:BFC与IFC

    [译]:BFC与IFC

    摘要:块级盒参与块级格式上下文行内级盒参与行级格式上下文。两个相邻盒子的垂直间距决定于属性。水平和在这些盒子中被平分。的宽度由浮动情况和它的包含块决定。当一个行内盒子被分割,分割发生则和便没有了视觉效果。参考神奇背后的原理清除浮动与与 BFC...

    dayday_updayday_up 评论0 收藏0
  • 如何用CSS进行网页布局-imooc-【更新完毕】

    如何用CSS进行网页布局-imooc-【更新完毕】

    摘要:中脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。而对于使用脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。 第一章 内容简介 1-1 内容简介 showImg("https://segmentf...

    姘搁『姘搁『 评论0 收藏0
  • 高大上的AMD和CMD的区别

    高大上的AMD和CMD的区别

    摘要:目前这些规范的实现都能达成浏览器模块化开发的目的区别区域以来的模块,是提前执行,是延迟执行。不过从开始,也改成可以延迟执行根据写法不同,处理方式不同。推崇推崇依赖就近,推崇依赖前置。依赖可以就近书写依赖必须一开始就写好文中内容来自于,...

    EuphoriaEuphoria 评论0 收藏0
  • 网页布局基础-imooc

    网页布局基础-imooc

    摘要:第章自动居中一列布局相关知识点讲解标准文档流块级及行级元素等标准标准,由万维网联盟制定的一系列标准,包括结构化标准和表现标准语言行为标准语言和倡导结构样式行为分离。中的定位机制种的定位机制标准文档流浮动绝对定位。 第1章 课程简介 1-1 ...

    Lucky_BoyLucky_Boy 评论0 收藏0
  • 用jq实现移动端滑动轮播以及定时轮播效果

    用jq实现移动端滑动轮播以及定时轮播效果

    摘要:的代码代码代码定义每次滑动的距离定义当前滑动的索引位置,轮播图的个数向左滑动执行的方法当轮播图滑动最后一个位置时,当前轮播图位置不变当轮播不在最后一个位置时,轮播图位置变化方法向右滑动 Html的代码: ...

    qylostqylost 评论0 收藏0
  • SublimeText3系列(2)-使用SublimeLinter检查Javascript与CSS代

    SublimeText3系列(2)-使用SublimeLinter检查Javascript与CSS代

    摘要:对于不同的代码文本,可以使用不同的代码检查工具进行检查。本文中介绍代码检查插件,与代码检查插件。默认为,设置为表示只对文件的根目录有效,设置为表示禁止文件的查找。效果如下黄色代表警告,红色代表错误。 1.什么是linter? linter是用来检查...

    Michael_LinMichael_Lin 评论0 收藏0
  • SublimeText3系列(3)- HTML-CSS-JS Prettify美化代码&Ma

    SublimeText3系列(3)- HTML-CSS-JS Prettify美化代码&Ma

    摘要:今天主要介绍与两个插件插件使用来格式化与代码。可以在这里尝试的效果原始代码格式化后的代码有了这个,个人认为在前端开发中,可以不用和这两个插件。的代码对齐也有,实际上也用的是。其目标是成为一种适合书写的网络语言。 今天主要介绍HTML-CSSS-...

    SourcelinkSourcelink 评论0 收藏0
  • 学习笔记 —— CSS 相比传统 Table 布局的特点

    学习笔记 —— CSS 相比传统 Table 布局的特点

    摘要:传统布局的问题代码复杂可读性低,维护困难性能差的优势语法简单设计自由实现了内容和样式分离的意义表格并不擅长页面排版表格擅长的是显示数据 传统Table布局的问题 代码复杂 可读性低,维护困难 性能差 css的优势 语法简单 设计自由 实现了内...

    wdzgegewdzgege 评论0 收藏0
  • (译)响应式图片— srcset 和 sizes 属性

    (译)响应式图片— srcset 和 sizes 属性

    摘要:在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。元素展示了很多改变这个局面的希望,但无论元素是否可以完全使用,现在有两个对于响应式图片很关键的两个属性和。 在响应式网页设计的革命中,图片看起来是被浪潮落下的一个事物。直到最...

    stefanieliangstefanieliang 评论0 收藏0
  • CSS技巧记录

    CSS技巧记录

    摘要:截文字方法一需要指定宽度。方法三截断文字,超过一定长度截断。三个事件的起始坐标,终点坐标,以及改变的距离具有重要作用。图像某些部分可能无法显示宽度为,高度包含图片,图片可能会变形定宽高边框以上用设置成设置模拟 CSS---截文字 方法一:需...

    casparcaspar 评论0 收藏0
  • zhilizhili-ui  荡平ie8910 还我前端清净地

    zhilizhili-ui 荡平ie8910 还我前端清净地

    摘要:给大家带来一个目前最新版本的方案特色部分功能部分功能是因为无法和和谐共处无法使用真可惜无法在上使用也就无法解决这些问题了不过解决方案里会有我使用的是地址作为兼容方案那么作为一款快速开发的方案解决方案也是会有的我举个例子如果想要使用一个...

    doodlewinddoodlewind 评论0 收藏0
  • 水平、垂直居中布局方案整理

    水平、垂直居中布局方案整理

    摘要:水平居中,相当于垂直居中,相当于文本式终极居中很容易便能看出,这其实是水平居中方案以及垂直居中方案的合用,也算是把文本排版的特性都利用了个遍了。 讨论前提 本文都是基于这样的HTML结构来进行讨论的: DEMO 水平居中 inline-block:inli...

    taohonghuitaohonghui 评论0 收藏0
  • 理解CSS浮动与清除浮动

    理解CSS浮动与清除浮动

    摘要:那我们举个栗子当先声明一个元素向左浮动时,由于脱离文档流,这个元素的右边就会空出一片空间,空间的长宽与浮动元素长宽相同。总结总结下来,浮动与清除浮动的顺序关系如下设置元素浮动,元素脱离文档流,不计算高度。 本文主要探讨两个问题: 为什...

    刘东刘东 评论0 收藏0
  • 两列自适应布局方案整理

    两列自适应布局方案整理

    摘要:前提本文讨论的是两列自适应布局左列定宽不定宽,右列自适应。左列不定宽,右列自适应形成的间隔通过设置来触发特性这个方法主要是应用到的一个特性浮动元素的块状兄弟元素会无视浮动元素的位置,尽量占满一整行,这样该兄弟元素就会被浮动元素覆盖。 ...

    starsfunstarsfun 评论0 收藏0
  • JavaScript “跑马灯”抽奖活动代码解析与优化(一)

    JavaScript “跑马灯”抽奖活动代码解析与优化(一)

    摘要:最近的项目中做了一个跑马灯的抽奖特效插件。这里主要是来写写自己的优化过程。所以写代码的时候一定要注意一些小细节哈。。。在以后,其返回的元素顺序等同于在中出现的先后顺序。尽管是一个数组。这时从加入执行队列到加入执行队列中间时间间隔是。 ...

    MRZYDMRZYD 评论0 收藏0
  • JavaScript “跑马灯”抽奖活动代码解析与优化(二)

    JavaScript “跑马灯”抽奖活动代码解析与优化(二)

    摘要:我的第一版是这样做的因为下和左方向的灯是需要倒序的,所以我使用了两个倒序的循环,其实当循环出现的时候,我们都应该思考我们的代码是否有可优化的空间。到这里关于跑马灯插件的代码解析详和优化就已经完了。 既然是要编写插件。那么叫做插件的...

    Yi_Zhi_YuYi_Zhi_Yu 评论0 收藏0
  • 给angular的repeat列表的行操作加上动效遇到的问题总结

    给angular的repeat列表的行操作加上动效遇到的问题总结

    摘要:还有没有别的办法呢一定要指定吗行不行修改即使没有设置,通过执行动画也是没有问题的。解决动画执行完清除元素的问题修改修改这次的效果不错。用上解决变的问题设置固定了已有动效正常了。 加入动效是让用户对应用的行为进行感知的一种有效手段。...

    未东兴未东兴 评论0 收藏0
  • bootstrap4源码阅读体会

    bootstrap4源码阅读体会

    摘要:通过阅读发现了不少知识的盲点和误解,对有了更深入的理解。总结几点印象较深的体会,分享给大家。但是通过阅读源码改变了这种认识模块化很简单灵活,这是其优点,同时也是一个缺点。 欢迎到个人博客参观: 点击这里 bootstrap已经使用了很长时间,但是...

    incredibleincredible 评论0 收藏0
  • Web移动开发基本概念

    Web移动开发基本概念

    摘要:移动客户端的开发类型原生,也就是完全使用移动设备系统语言写的客户端,就是纯,安卓就是纯就是用户看到的界面体验到的交互都是原生的。 前端是个很大的概念,我的理解是用户能够看到,直接接触到的层面都算是前端,比如IOS客户端界面,安卓客户端界...

    ivan_qhzivan_qhz 评论0 收藏0

热门文章

<