文章库ARTICLE COLUMN

  • ios9.3为前端带来哪些新特性

    ios9.3为前端带来哪些新特性

    摘要:妨碍设计人员利用字体的全部特性的一项限制是无法访问许多字体中内置的大量可选特性。这些特性定义了字形替代和定位选项,以支持基本的版式特性如字距调整上标和下标上下文字形如连写数字样式以及访问可选的东亚字形和花饰字体。 CSS font-feature-set...

    ScorpionScorpion 评论0 收藏0
  • jQuery  无限滚动展示

    jQuery 无限滚动展示

    摘要:最近做一个循环滚动展示抽奖结果的功能,示例如下代码抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆抽中了颗云豆代码代码 最近做一个循环滚动...

    fou7fou7 评论0 收藏0
  • 弹性盒模型

    弹性盒模型

    摘要:弹性盒模型相比传统的盒模型,可以更加简单的实现各种布局页面简单举一个例子,代码如下加上厂商前缀,目前使用方式都有三种写法,旧的,过度的,新的的属性假如的改成也能实现数字的垂直居中 弹性盒模型相比传统的盒模型(display+position+float),...

    BakerJBakerJ 评论0 收藏0
  • H5开发总结

    H5开发总结

    摘要:为了实现该效果,它需要组合其他外来的属性。常见结合属性必须结合的属性,将对象作为弹性伸缩盒子模型显示。必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式。 -webkit-tap-highlight-color:当用户点击iOS的Safari浏览器中的链接或JavaScri...

    阿罗阿罗 评论0 收藏0
  • 浅析RWD

    浅析RWD

    摘要:三响应式网页设计的基本原理标签,允许页面宽度自动调整大多数移动浏览器将页面放大为宽的视图以符合屏幕分辨率。解决方案使用,选择器清除浮动,只适用于非浏览器。由于移动设备屏幕大小的限制,在其上进行显示的内容一般是经过精心筛选的。 一、前言...

    0x584a0x584a 评论0 收藏0
  • JS 实现需要时加载js和css文件

    JS 实现需要时加载js和css文件

    摘要:所以我们就希望在需要的时候再加载这个包。下面提供一个比较好的方法,用来动态加载这个和文件你只需要在调这个方法时,传入文件路径和文件类型,。 当我做前端开发时,我们会经常遇到这样的情况:我可能需要引入一些包做一些特殊的事情,可是这个包在...

    henry14henry14 评论0 收藏0
  • CSS魔法堂:深入理解line-height和vertical-align

    CSS魔法堂:深入理解line-height和vertical-align

    摘要:下的属性值详解以下内容均在中测试默认对齐方式这里作为参考系,而它的就是所要对齐的了。没有任何变化。那改变又如何呢为了让的清晰可见,特意添加一个的包裹着。 前言 一直听说line-height是指两行文本的基线间的距离,然后又说行高等于行距,最近还...

    avwuavwu 评论0 收藏0
  • 行内元素和块状元素居中

    行内元素和块状元素居中

    摘要:可是文字是后台返回,中间内容部分要根据文字的长度而调整宽度。故采用以下方式搞定总结可以改变行内元素的对齐你想让它飞左还是居中还是飞右,,宽度可以自适应。块状元素居中的方式固定宽度行内元素居中的方式令父元素的下面这篇博文说的很好啦 今天...

    CKJOKERCKJOKER 评论0 收藏0
  • Web-Fontmin -- 在线提取你需要的字体

    Web-Fontmin -- 在线提取你需要的字体

    摘要:在上面的代码片段可以看出,要兼容性好的使用,我们同时需要格式的字体。不单止可以转换格式同时支持中文,还可以提取字体,并且有更快的上传和转换速度。拥有的所有功能,并且在线即可用。 关于@font-face @font-face是CSS3中的一个模块,使用 @font-...

    derek_334892derek_334892 评论0 收藏0
  • css创建叉和勾

    css创建叉和勾

    a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);} a:after{content:"/";display:block...

    jayzoujayzou 评论0 收藏0
  • pt,px,rem和em之间区别总结

    pt,px,rem和em之间区别总结

    摘要:与在设计字体的样式中,有些字体设置成,而不是,那是什么,和又有什么关系呢是印刷行业常用的单位,等于英寸,表示绝对长度。指的是像素,是屏幕上显示数据的最基本的点,表示相对大小。 pt与px 在html设计字体的css样式中,有些字体设置成14pt,而不...

    pf_milespf_miles 评论0 收藏0
  • css3 响应式神器 calc()

    css3 响应式神器 calc()

    摘要:背景大家经常为遇到类似卡片的设计稿,如果卡片与卡片之间没有距离,如那写是没有什么问题的那如果是以下这种情况呢图片与图片之间的距离是,那响应式处理起来难免麻烦。但是这些方法难免会让宝宝心里崩溃。 背景: 大家经常为遇到类似卡片的设计稿,...

    AldousAldous 评论0 收藏0
  • 实用的 CSS — 贝塞尔曲线(cubic-bezier)

    实用的 CSS — 贝塞尔曲线(cubic-bezier)

    摘要:欢迎移步我的博客阅读实用的贝塞尔曲线前言在了解之前,你需要对中的动画效果有所认识,它是和中一个重要的内容。本体简介又称三次贝塞尔,主要是为生成速度曲线的函数,规定是。 欢迎移步我的博客阅读:《实用的 CSS — 贝塞尔曲线(cubic-bezier)》 ...

    AnchorerAnchorer 评论0 收藏0
  • 谈谈BFC与ie特有属性hasLayout

    谈谈BFC与ie特有属性hasLayout

    摘要:当一个内联元素想获得就要使用这个属性。下因为导致的浮动元素与普通元素之间产生代码如下我是浮动元素我是后面的文字,用来测试的正常情况下解决方式加一个的不只是文字,的浮动元素也会和内联元素产生的值。设置属性的元素不和任何元素发生合并。 发...

    CodeSheepCodeSheep 评论0 收藏0
  • 最全前端开发面试问题及答案整理

    最全前端开发面试问题及答案整理

    摘要:最多个和没有做硬性限制和会清理近期最少使用的,会随机清理。每个最多只能有条,每个长度不能超过,否则会被截掉。除此之外,拥有等方法,不像需要前端开发者自己封装,。控制表单控件的禁用状态。 说说你对闭包的理解 Talk about your understanding...

    CristicCristic 评论0 收藏0
  • 【转】CSS 那么多属性,而且每个属性都有多个值怎么记?

    【转】CSS 那么多属性,而且每个属性都有多个值怎么记?

    摘要:题主说属性太多,其实就是去控制样式而已,网页样式是借鉴于传统的报纸等印刷品的排版。常用基础样式如图常用属性和的取值是基于包含块离元素最近的块级祖先元素的宽注意是宽。这些属性只有用在定位元素除了为值上才有效。 CSS的本质可以分为宏观与微...

    xuweijianxuweijian 评论0 收藏0
  • ajax之面试必问跨域问题

    ajax之面试必问跨域问题

    摘要:可以说是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。只能设置为主域名,不可以在中将设置为。问题安全性,当一个站点被攻击后,另一个站点会引起安全漏洞。在此处执行利用和这个办法比较绕,但是可以解决完全跨域情况下的脚步置换问...

    alaegealaege 评论0 收藏0
  • CSS魔法堂:hasLayout原来是这样的!

    CSS魔法堂:hasLayout原来是这样的!

    摘要:到底是何方神圣可以简单看作是中的。和产生新的特性一样,无法通过属性直接设置,而是通过某些属性间接开启这一特性。不同的是某些属性是以不可逆方式间接开启为。因此所引发的问题,很大程度可以理解为在不应该的或没有预料到的地方产生新的导致的。 ...

    URLOSURLOS 评论0 收藏0
  • CSS装饰加载失败的图片(译)

    CSS装饰加载失败的图片(译)

    摘要:通过替换默认的替代文字我们可以通过伪元素去替代文字,通过定位伪元素,使它覆盖在文字上。其他样式通过替代一些本地信息,我们可以使用伪元素更好地修饰未成功加载的图片浏览器兼容情况遗憾的是,有一些浏览器还是无法兼容这样的问题。 原文来自http...

    forsignerforsigner 评论0 收藏0
  • 《精彩绝伦的css》笔记《一》

    《精彩绝伦的css》笔记《一》

    摘要:精彩绝伦的读书笔记不同浏览器默认样式不同,就需要在开头重置样式,最简单的方式是通用做法是这样做的目的是为了让我们在写前尽量所有的浏览器都表现一致 《精彩绝伦的css》 读书笔记:1、不同浏览器默认样式不同,就需要在开头重置样式,最简单的方...

    jsyzchenjsyzchen 评论0 收藏0
  • 纯 CSS3 效果资源收集整理

    纯 CSS3 效果资源收集整理

    摘要:纯,不使用,能实现怎样的视觉效果这里收集整理了一些相关资源与工具,欢迎各位补充。出品的纯框架,体积小巧。仅一个标签实现的纯图标库。一个令人印象深刻的图片悬停效果集合,完全基于实现。纯模拟移动设备纯实现模态框使用库把图像转换成属性。 aw...

    fancyLuofancyLuo 评论0 收藏0
  • 【移动适配】移动Web怎么做屏幕适配(三)

    【移动适配】移动Web怎么做屏幕适配(三)

    摘要:复杂纷扰的世界背后,总会有万变不离其宗的简单规则文啃先生壹前面写了两篇移动适配相关的文章移动怎么做屏幕适配一重点介绍了怎样利于来处理尺寸等等相关的适配。所以到目前为止我所整理出来的三篇文章,是移动适配知识中非常重要的基础知识。 showIm...

    LiuRhoRamenLiuRhoRamen 评论0 收藏0
  • [转]用 HTML 和 CSS 来打造一个自己的「大白(●—●)」

    [转]用 HTML 和 CSS 来打造一个自己的「大白(●—●)」

    第一篇文章,也不知道写啥,看到一篇比较好玩的文章,所以先转载过来,嘿嘿~ 原文链接:用 HTML 和 CSS 来打造一个自己的「大白(●—●)」 还记得《超能陆战队》里的 暖男 -「大白」 么?是不是很想拥有一个?我们就利用 HTML 和 CSS 来打造一个自己...

    hyuanhyuan 评论0 收藏0
  • 关于BFC的一些思考

    关于BFC的一些思考

    摘要:两个值都是正值,取最大值,都是负值,取最小值,一正一负则相加。使回到正常位置。需要注意的是使用会把放在最前边。而可以按照,,的顺序放置。另外布局也不会出现中间挤掉两边的情况。 Question 以下三个div将会会如何放置(margin collapsing)? ...

    OliviaOlivia 评论0 收藏0
  • 漫谈前端之路

    漫谈前端之路

    摘要:那么的学习就相对来说很自由了,可以跟着网址过一遍标签,网上也有很多其它网站做这个的,像菜鸟教程慕课网视频之类的都可以用等熟练了就可以去国外看看一些前端的新技术,像国际,最大的程序员问答网站。 前言 前端之路何其漫漫~     说明:本篇...

    番茄西红柿番茄西红柿 评论0 收藏0

热门文章

<