文章库ARTICLE COLUMN

  • 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
  • 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

热门文章

<