文章库ARTICLE COLUMN

  • CSS transition delay简介与进阶应用

    CSS transition delay简介与进阶应用

    摘要:用来定义元素两种状态之间的过渡。到目前为止,我们利用完全模拟了第一部分我们使用实现的功能,而且看上去更简洁。附上利用来实现该方案的代码用于参考。由于代码效果时好时坏,猜测可能与的容器相关。 背景 在日常的项目开发中,我们会很经常的遇见...

    e10101e10101 评论0 收藏0
  • CSS-清除浮动

    CSS-清除浮动

    摘要:清除浮动方法方法一使用带属性的空元素在浮动元素后使用一个空元素如,并在中赋予属性即可清理浮动。 什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器...

    刘厚水刘厚水 评论0 收藏0
  • LESS CSS使用及语法入门

    LESS CSS使用及语法入门

    摘要:编译工具编译国人开发的编译工具下载地址库浏览器端使用的使用下载安装后,打开设置,更换语言为简体中文,然后重启。 1、Less是什么? Less类似于jQuery LESCSS使用这个动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS赋予了动...

    chaosx110chaosx110 评论0 收藏0
  • CSS3中的flexbox

    CSS3中的flexbox

    摘要:中的给布局带来了许多方便。布局主要分为两个部分以外的地方和中的内容不受影响,按正常的方式进行布局。所以,项目之间的间隔比项目与边框的间隔大一倍。若设置该属性为,则此元素在父元素空间不足时仍保持自己的宽度。 css3中的flexbox给布局带来了...

    LoftySoulLoftySoul 评论0 收藏0
  • 前端开发知识点总结

    前端开发知识点总结

    摘要:正常的代码结构应该是内容区域按钮但是上面的代码浏览器的编译结果是下面这样很明显可以发现,浏览器的渲染结果并不是我们想要的结果。问题的参考网站天猫页面。淘宝页面全站使用单位适配,而天猫页面有百分比,单位的混用。 1.a标签的相互嵌套 很多时...

    anRuianRui 评论0 收藏0
  • 你应该知道的关于CSS的一些奇淫巧技

    你应该知道的关于CSS的一些奇淫巧技

    摘要:本文分享关于应用中的一些小技巧,如果有不对的地方,欢迎指出建议和意见。项目地址,欢迎和,如果有更多的,也欢迎提交。 本文分享关于CSS应用中的一些小技巧, 如果有不对的地方,欢迎指出建议和意见。 Github项目地址:Great-CSS-Tips-You-Should-K...

    Paul_KingPaul_King 评论0 收藏0
  • CSS魔法堂:Absolute Positioning就这个样

    CSS魔法堂:Absolute Positioning就这个样

    摘要:更多关于的信息可参考魔法堂不得不说的因此的实际值则是相对于而言,我们可以通过来获取和的实际值。对于由于自身有固有的,因此当设置时,其实际值就是元素固有的。结果就是除均不为,而为时,会自动计算以满足等式。两条不满足外,其他情况均一致。 ...

    YangyangYangyang 评论0 收藏0
  • rem 单位

    rem 单位

    摘要:是新增的单位,相对于根元素进行设置是相对于父元素的字体大小的单位浏览器默认的字体大小是例如在标准网页或者更简单的说是带标签的页面里得到的结果是,如果不要此标签则一切正常,那么在页面怎么获得的坐标呢,当然有办法使用来取代可以这样写 rem...

    aisuhuaaisuhua 评论0 收藏0
  • 前端学习笔记(CSS、JS基础篇)

    前端学习笔记(CSS、JS基础篇)

    摘要:搜索引擎中有一个爬虫模块,在页面中使用诸如等强调式的标签,有利于,说白了就是有利于被搜索到。定位相对定位不影响元素本身特性不使元素脱离文档流。定时器如果是由事件控制的,要先关再开,避免多次触发而混乱。 CSS篇 注意:css注释使用/ /,而不...

    xietao3xietao3 评论0 收藏0
  • 居中的css:完全指南(翻译)

    居中的css:完全指南(翻译)

    摘要:水平水平居中有行内元素和块元素,行内元素有文字图片链接等块元素主要是等元素。块元素对于一个块元素,可以设置其和自动,就像这样在线查看无论块元素的宽度是否已知,都可以实现水平居中。 这里主要参考的是CHRIS COYIER写的一篇的文章(点击查看),...

    IntegInteg 评论0 收藏0
  • CSS魔法堂:你真的懂text-align吗?

    CSS魔法堂:你真的懂text-align吗?

    摘要:深入本届集团公司党委由公司党委由本届集团公司党委由公司党委由组均是,而组则是。下英文泰文等的默认对齐方式,下的默认对齐方式等同于,采用增加减少象形文字间的距离。 前言 也许提及text-align你会想起水平居中,但除了这个你对它还有多少了解呢...

    tinylcytinylcy 评论0 收藏0
  • CSS外挂:Sass 之混合宏(@mixin)、继承(@extend)、占位符(%placehold

    CSS外挂:Sass 之混合宏(@mixin)、继承(@extend)、占位符(%placehold

    摘要:普遍情况下这仨在实际项目中用得还是比较多的,玩起来吧混合宏如果你的代码块中涉及到变量,建议使用混合宏来创建相同的代码块。不足如果在样式文件中调用同一个混合宏,会产生多个对应的样式代码,造成代码的冗余。 学习Sass无非就是想高效的、 面向...

    or0funor0fun 评论0 收藏0
  • 编程开发资源导航

    编程开发资源导航

    摘要:常常浏览网页的时候,会发现很好的文章资料记录的地址有点散乱,以后在这个统一收集了。 常常浏览 网页的时候,会发现很好的文章 资料记录的地址有点散乱,以后在这个统一收集了。 前端板块 JavaScript® (JS) 是一门轻量的、解释型的、将函数视为一...

    王军王军 评论0 收藏0
  • 深入 css z-index 屬性

    深入 css z-index 屬性

    摘要:不能修改結構不能加入或修改任何元素的不能加入或修改任何屬性目標要完成下面這樣,先不要偷看解答自己想一想。當我們沒有和屬性的時候,規則非常簡單,就是按照文件中撰寫的先後順序。有設定且為,設定小於和其他等屬性也在此列。 說來汗顏,一直以來...

    godlong_Xgodlong_X 评论0 收藏0
  • CSS标题线(删除线贯穿线效果)实现之一二

    CSS标题线(删除线贯穿线效果)实现之一二

    摘要:不过,因为一次问题需要,发现还是有需要多了解下的。方法好了,开始想办法解决上面的问题了。 缘起 其实看到这个问题,心里已经默默把代码已经码好了~,不就想下面这样嘛:JSBIN代码示例 嗯,是的,我们日常确实基本上就是用的这种方式,也没啥问题呀...

    ZacharyZachary 评论0 收藏0
  • 怎么实现微信聊天时的气泡图(一)

    怎么实现微信聊天时的气泡图(一)

    摘要:下面是得到小三角的三个关键点,在这里我默认小三角是等边三角形了,给出三角形顶点坐标进行了,其他两点的坐标都在边界上,截图里的两点。下面就拼接凭借函数的参数了完整代码看这里参考 首先,微信聊天的时候气泡图是什么样呢?上图,showImg("https...

    whincwhinc 评论0 收藏0
  • 你们对于vw一无所知

    你们对于vw一无所知

    摘要:可以使用在低端手机浏览器上吗貌似不行但是你们一直误解了一个问题加上基本上绝大多数手机宽度都变成所以废话不多说上代码全局变量返回对值得兼容处理通过一个和其值生成一个兼容的通过一个生成一个兼容的 vw可以使用在低端手机浏览器上吗 showImg("ht...

    zhonghanwenzhonghanwen 评论0 收藏0
  • CSS外挂:Sass 之运算(加、减、乘、除)

    CSS外挂:Sass 之运算(加、减、乘、除)

    摘要:例如被编译为最后一个栗子字符运算运算符可以用来连接字符串被编译为注意,如果有引号的字符串被添加了一个没有引号的字符串也就是,带引号的字符串在符号左侧,结果会是一个有引号的字符串。 学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的Op...

    khs1994khs1994 评论0 收藏0
  • jQuery插件 tablesorter 表格排序 使用说明

    jQuery插件 tablesorter 表格排序 使用说明

    摘要:简介是一个用来直接在浏览器上对表格数据进行排序的插件,无需再次刷新页面,支持多种单元格数据类型,例如数值字符串日期和自定义排序。 简介 Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元...

    tain335tain335 评论0 收藏0
  • 固定头部的表格

    固定头部的表格

    摘要:实现思路就是复制一下表格头部然互覆盖在原有的头部上,监听滚动事件之前动态的设置覆盖上去的里面的宽度在火狐下会与抖动现象,直接写样式就不会了效果图如下贴一下代码头部固定的表格姓名年龄性别身高体重 实现思路就是复制一下表格头部然互覆盖在原...

    SnailclimbSnailclimb 评论0 收藏0
  • html和css常见的一些问题总结

    html和css常见的一些问题总结

    摘要:至于说,,,属性是脱离文档流的,这个估计也是我们刚开始用得最多的,最方便的一个,同时也会给我们带来许多问题,这一次你会发现与前面的,有相同的地方,都是覆盖,不同的是,里文字被挤出来,这也是之前主要是用来做文字环绕效果有关。 html 标签 ...

    EddieChanEddieChan 评论0 收藏0
  • [譯] Houdini: 你還沒聽說!這可能是 CSS 下一件最令人興奮的大事

    [譯] Houdini: 你還沒聽說!這可能是 CSS 下一件最令人興奮的大事

    摘要:接下來我們將會更具體的說明是什麼東西和這傢伙會怎麼解決這些問題,並且列出目前開發中一些令人興奮的功能。這個功能甚至還沒有一個瀏覽器支援。完整的清單請查閱目前還未被寫入規範,意思是這邊提到任何內容極有可能會改變。 譯者:其實...我想說這...

    bergwhitebergwhite 评论0 收藏0
  • 深入学习CSS布局系列(一)布局常用属性

    深入学习CSS布局系列(一)布局常用属性

    摘要:布局涉及到的属性常用属性值此元素不会被显示它和属性不一样。当所有父元素中的所有元素脱离文档流之后,父元素将失去原有默认的内容高度浮动塌陷配合使用属性规定元素的哪一侧不允许其他浮动元素。 @(CSS技巧)[CSS, 布局] 深入学习CSS布局系列(一)...

    NoodlesNoodles 评论0 收藏0
  • 对于web前端的理解

    对于web前端的理解

    摘要:的诞生,对移动端的强力支持。前端的未来伴随着基于的一系列游戏引擎的诞生,结合时下流行的相信前端会给虚拟现实增强现实带来不一样的体验。用户对于产品体验的要求不断提升,也正说明了最接近用户的前端的重要性。 其实写这篇文章的首要目的是为了准...

    OpenDiggOpenDigg 评论0 收藏0
  • 三列布局,中间自适应,关于float和positon方法

    三列布局,中间自适应,关于float和positon方法

    摘要:这种方法的局限性在于,必须设置父元素的高度为固定,因为的子元素已经脱离文档流,不能撑开父元素,或者会遮盖同级的兄弟元素。 三列布局,中间自适应,尝试了两种方法float.mydiv{ background-color: #eee; margin:20px; padding: 20px; border: sol...

    jsyzchenjsyzchen 评论0 收藏0

热门文章

<