CSS3
天外野草
现任职移动研发部Team Leader, 高级咨询顾问、开发架构师,移动开发布道师, CSDN专家博主,CSDN讲师, 主修数学专业,曾获全国大学生数学建模大赛、东北三省大学生数据建模大赛一等奖,精通移动开发,熟悉 Angular、React、SAP FIORI等各种HTML5主流框架,对大数据开发,AI技术领域有一定的经验心得,同时拥有丰富的课程录制以及授课经验,也拥有多个大型企业级跨平台项目开发经验,乐观向上,乐于求知,不限领域!
展开
-
HTML5新特性汇总
1. 新的选择器通过 class 定位元素 (DOM API) var el = document.getElementById(‘section1’); el.focus();var els = document.getElementsByTagName(‘div’); els[0].focus();var els = document.getElementsByClassName(‘sec原创 2015-04-25 21:27:07 · 647 阅读 · 0 评论 -
CSS3外轮廓属性
外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似,但和元素边框border完全不同,外轮廓线不占用网页布局空间,不一定是矩形,外轮廓是属于一种动态样式,只有元素获取到焦点或者被激活时呈现。outline属性早在CSS2中就出现了,主要是用来在元素周围绘制一条轮廓线,可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持,在CSS3中对outline作了一定原创 2015-05-02 17:34:45 · 704 阅读 · 0 评论 -
HTML5弹性图片
弹性图片指的是不给图片设置固定尺寸,而是根据流体网格进行缩放,用于适应各种网格的尺寸。而实现方法是比较简单,一句代码就能搞定的事情。img {max-width:100%;}来看一个断点解决图片自适应的例子。对应的CSS代码:@media (min-device-width:600px){img[data-src-600px]{ con原创 2015-05-05 13:11:03 · 2617 阅读 · 0 评论 -
CSS 之Box-sizing 属性的使用方法
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。默认值:content-box继承性:no版本:CSS3原创 2015-09-10 13:17:37 · 938 阅读 · 0 评论 -
不定宽高的水平垂直居中实现方式
对于CSS3开发而言,不定宽高的水平垂直居中是我们经常要用到得,实现方式也有很多,下面给大家介绍一下我在众多项目中的一些实现方案,希望对大家有所帮助。方案一:.wraper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);}方案二:.wrape原创 2015-10-11 10:42:57 · 8301 阅读 · 1 评论 -
基于CSS3的WEBAPP横向滑动模式演化
前言随着移动网络速率和设备硬件水平的不断提升,webapp的发展更加的native化,其表现效果和性能也会越来越好,在可预计的未来很有可能替代native或者平起平坐,那么我们研究更好的交互体验是非常有必要的。目前我们所常见的webapp越来越多的是以SPA(single page application)的模式进行开发,同时嵌套在android或者ios本地壳里面,也就是hybr转载 2015-09-26 10:28:34 · 653 阅读 · 0 评论 -
CSS 中加号选择器的使用
最近在写一些css样式,对加号选择器的理解不太清楚,于是便查阅了一下:如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。 例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:h1 + p {margin-top:50px;}这个选择器读作:“选择紧接在 h1 元素后出现的 p 元素(需要满足原创 2016-08-05 16:00:51 · 3929 阅读 · 0 评论