一、写在前面的秋裤 早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙都不是好惹的,2D我辈尚可以应付,3D的话,呵呵,估计我等早就在千里之外被其霸气震晕了~~ 看看下图女帝的动作以及神情,就可以知道名字带D的家伙的厉害! 最近折腾iPad的一些东西,有一 ...
分类:
Web程序 时间:
2019-12-27 13:42:37
阅读次数:
115
一、原理: 字体图标是在 Web 项目中使用的图标字体,利用CSS3 @font-face 规则引入雪碧图文件,通过方位显示某个图标,常用图标可直接使用glyphicons/font-awesome; 官网:http://fontawesome.io/ 官网:https://glyphicons.c ...
分类:
其他好文 时间:
2019-12-27 13:19:39
阅读次数:
624
本文重点在于HTML5与CSS3的学习和使用,HTML与CSS不属于编程范畴,更偏向于设计,而Sass是编程化的CSS的扩展语言,对于没有接触过编程的读者可能会有点吃力,这里不做对语法详细介绍,仅作为基本介绍,让读者了解Sass的优越性,如果对Sass感兴趣,请自行查阅相关资料。 Sass基本语法 ...
分类:
Web程序 时间:
2019-12-27 09:15:29
阅读次数:
84
介绍: css3 的Flex弹性盒的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向(从左到右或从上到下排列),并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器(flex container)来辅助实现。 Flexbox可以简单快速的创建一个具有弹 ...
分类:
Web程序 时间:
2019-12-26 17:49:53
阅读次数:
110
前端入门需要学习 A基础知识部分 1.html一些新的标签,html不仅仅包括div,span 2.css3,一些新的语法,布局,例如flex弹性布局,less,sass都是啥 3.DOM树结构,盒模型(margin,padding,border)不同浏览器层次不一样,尤其IE 4.数据交互插件,a ...
分类:
Web程序 时间:
2019-12-25 16:09:52
阅读次数:
93
水平居中 1.行内元素水平居中,外面的父级块元素设置样式text align:center; 效果图如下: 2.块级元素的水平居中 方法一:设置左右两边的margin为auto即可 效果图如下: 方法二:css3新属性fit content意思是宽度缩小到和内容一样宽配合margin:auto; 效 ...
分类:
Web程序 时间:
2019-12-25 13:16:53
阅读次数:
100
题目概览 title与h1的区别、b与strong的区别、i与em的区别? style标签写在body前和body后的区别是什么? 写一个数组去重的方法(支持多维数组) 题目解答 title与h1的区别、b与strong的区别、i与em的区别? title与h1的区别 定义: title是网站标题, ...
分类:
其他好文 时间:
2019-12-22 21:40:02
阅读次数:
124
1.关于浮动 浮动的元素会脱离标准文档流(float),从而不占据空间,实现了一行排列多个元素的效果 ,但是又导致上级元素height消失,处理这种情况的方法就是有两种: 1.第一种在css里写个伪类,哪些地方需要清除浮动,直接调用类名。 .clearfix::after{ display: blo ...
分类:
Web程序 时间:
2019-12-22 16:17:40
阅读次数:
88
CSStransitions提供了一种在更改CSS属性时控制动画速度的方法。其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用CSStransitions后该元素的颜色将逐渐从白色变为黑色,按照一定的曲线速率变化。这个过程可以自定义。CSStransitions可以决定哪些属性发生动画效果(明确地列出这些属性),何时开
分类:
Web程序 时间:
2019-12-21 22:48:47
阅读次数:
118
在css2中,如果需要失效一些圆角或者半圆等等效果,一般是要通过ps等软件来处理的,在CSS3中,则不需要了,只需要通过border-radius就可以实现,大大方便了开发的效率。无论圆角、圆弧、实心圆、半圆,css3的实现代码都是border-radius属性,border-radius不但可以定义圆半径和圆角大小,还可以画出各种方向的半圆。代码<!DOCTYPEhtml><h
分类:
Web程序 时间:
2019-12-21 22:39:59
阅读次数:
127