文章库ARTICLE COLUMN

  • 你应该知道的关于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
  • CSS魔法堂:不得不说的Containing Block

    CSS魔法堂:不得不说的Containing Block

    摘要:前言魔法堂重新认识和中提到在没有兄弟盒子时,的左右边框会与所属的的左右相接触。对于的元素若不存在的为的父,其为。正常情况若子尺寸尺寸,则子溢出溢出后的显示效果由属性值决定。异常情况下当时,若子的尺寸大于的尺寸而城撑大。 前言  《CSS魔...

    opengpsopengps 评论0 收藏0
  • CSS垂直居中和水平居中

    CSS垂直居中和水平居中

    摘要:前言总括居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂直居中和水平居中,实际上水平居中是很简单的,但垂直居中的方式和方法就千奇百怪了。 前言 总括: CSS居中一直是一个比较敏感的话...

    fredsharefredshare 评论0 收藏0
  • 我的WEB前端辛酸史

    我的WEB前端辛酸史

    摘要:在给老师做项目的这个期间,我也发现慕课网,然后便贪婪的在上面学习,其实现在看看上面的教学也是一些基础,想要真的学到很多,必须做实际项目,遇到问题,然后去百度或者谷歌这个问题,看别人的博客中怎么教你解决。 前言:想当初我也是个无知骚年,...

    jaysunjaysun 评论0 收藏0
  • 抽奖跑马灯

    抽奖跑马灯

    摘要:最近做了一个春节活动,里面有个抽奖活动,做一个跑马灯效果,示例如下代码云豆云豆云豆抽奖已抽奖云豆云豆云豆云豆云豆代码 最近做了一个春节活动,里面有个抽奖活动,做一个跑马灯效果,示例如下showImg("https://segmentfault.com/img/bVtGTX"); ht...

    hedzrhedzr 评论0 收藏0
  • 在HTML中使用CSS

    在HTML中使用CSS

    摘要:一前言在中使用,包括内联式内嵌式链接式和导入式。链接式使用时需要在标记中使用标记,通过标记的相关属性指明外部文件的路径,以方便找到其中定义的样式并运用在当前网页元素上。导入式通过在标记的标记中使用方法导入相应的文件。 一、前言 在 HTML...

    andong777andong777 评论0 收藏0

热门文章

<