css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate旋转:(rotate)-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:...
转载
2014-07-28 11:08:00
127阅读
2评论
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己的立体感太差了。 css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate) 翻转:(scale
转载
2016-05-07 23:11:00
114阅读
2评论
css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate)-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg); 翻转:(scale) (这个属性是放缩的功能,怎么能翻转的!原来括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,负数代表翻转) 水平翻转:-webkit-transform:scale(-1,1);-...
原创
2021-08-04 17:38:39
237阅读
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己的立体感太差了。 css3中的transform中有旋转,放缩,倾斜,平移的功能,分别对应的属性是:rotate,scale,skew,translate 旋转:(rotate)[cs...
转载
2015-05-10 12:23:00
287阅读
2评论
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结的不是很多,后续还会持续更新。 一.html、css面试题 HTML和HTML5有什么区别?主要有三个区别:1、文档声明区别1.HTML:超文本标记语言,一种纯文本类型的语言。2.HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别1.html:没有体现结构语义化的标签,如:<div
转载
2024-01-11 20:12:41
73阅读
CSS的选择器和CSS3的选择器对比在以前的CSS里面的选择器:注意:在CSS3里面的选择器:没有提到的相邻选择器:在CSS3里面新增的兄弟选择符在CSS3里面新增的属性选择器在CSS3里面新增的伪类选择器 这里我说的CSS就是在CSS3之前的的版本的CSS1和CSS2,到现在没有人就会这么去叫CSS1或CSS2。在以前的CSS里面的选择器:css里面的基本选择器有:ID选择器就是在元素(标签)
转载
2024-02-09 10:39:52
37阅读
HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,这些标签的加入大大增加了代码的可读性,结束了一个div写这个页
转载
2023-07-12 17:38:38
138阅读
二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器,伪类选择器,伪对象选择器以及动画H5=html5 + css3 +js大前端:js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法:box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2022-03-02 17:29:44
398阅读
二、css3和css2的区别css3在原有的基础上新增了很多css属性选择器,伪类选择器,伪对象选择器以及动画H5=html5 + css3 +js大前端:js1.内减模式可以将padding内边距和边框带来增大盒子的影响去掉语法:box-sizing:border-box;<head><meta charset="utf-8"><title>...
原创
2021-08-18 02:04:25
226阅读
1、CSS的盒子模型?(1)两种, IE 盒子模型、标准 W3C 盒子模型;IE 的content部分包含了 border 和 pading;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border).box-sizing:content-box(默认) | border-box(ie盒模型)2、link 和@import 的区别是?(1)、lin
转载
2024-01-02 09:03:12
39阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画: 是从一个状态 渐渐的过渡到另外一个状态帧动画:通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
css3中对于伪元素的使用,在项目开发中使用得当将会对代码的可读性又很大的提升。但是对于伪类大家或许都知道是一些选择器的使用,这里总结了关于伪元素中单冒号和双冒号的区别: 再官方定义中规定单冒号都为伪类,是一种选择器 eg: a:first-child{} a:nth-of-type(2) {} a
原创
2021-07-19 17:12:42
2104阅读
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。 CSS 是用来表现HTML或XML的标记语言。 CSS语法由三部分构成:选择器、属性和值: selector {property: value}CSS3 是最新的 CSS 标准。 css3比css多了一些样式设置而已。 css3是向
转载
2023-11-09 00:47:40
148阅读
HTML 与 CSS 的关系上一章节学习了 HTML 的基本概念,我们也知道了 HTML 到底是什么。那么我们在前端领域,经常能听到前端的三架马车,HTML,CSS 和 JavaScript。HTML 组成了网页的基本结构,那么 CSS 就是给网页当中所有的结构添加样式,让我们的网页不再单调,从而变成一个炫酷的网站。而 JavaScript 则提供了交互功能,让我们能够在网页中做各种各样的操作,这
转载
2023-08-07 22:14:45
99阅读
一.了解HTML5第一天的学习了解了什么是HTML5。HTML5其实就是HTML4的加强版,只是在HTML4的基础上进行了功能上的强化。目前支持的浏览器有 safari、opera 、firefox 、 chrome、ie,较老的版本不支持。新增标签: audio和video 写法:<audio control
转载
2024-01-04 06:50:11
118阅读
今天学习了HTML5、CSS3这些升级的属性。HTML5和HTML的区别:HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升,HTML5相比于html的声明更为简单,方便记忆,所以HTML5要比HTML更有利于程序员的快速阅读和开发。此外,两者结构语义也有所不同。HTML没有结构语义化的标签,通常以<divid="he
转载
2023-09-20 04:16:02
16阅读
HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考: 新增的结构标签: 1、header元素 表示页面中一个内容区块或真个页面的
转载
2023-07-12 17:41:04
69阅读
对比 animation类似于transition,随着时间改变元素属性值。区别在于,transition需要触发事件才会随时间改变元素CSS属性,animation不需要触发事件就可以随时间变化改变元素CSS属性,达到动画效果。区别 animation不需要触发事件,transition需要触发事件 transition只有一组关键帧(两个:开始-结束),动画可以设置多个。 演示 动画源码<
原创
2022-02-17 10:21:39
1558阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型,即可指定为content-box、border-box,这样我们计算盒子大小的方式就发生了改变。可以分成两种情况:1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值,
原创
2020-07-15 09:25:54
791阅读
CSS3动画的基本使用(CSS3)<!DOCTYPE html><html lang="en"><head> <meta charset="UT
原创
2022-10-20 10:19:35
333阅读