css3transform中有旋转,放缩,倾斜,平移功能,分别对应属性是:rotate,scale,skew,translate旋转:(rotate)-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:...
转载 2014-07-28 11:08:00
127阅读
2评论
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己立体感太差了。 css3transform中有旋转,放缩,倾斜,平移功能,分别对应属性是:rotate,scale,skew,translate 旋转:(rotate) 翻转:(scale
转载 2016-05-07 23:11:00
114阅读
2评论
css3transform中有旋转,放缩,倾斜,平移功能,分别对应属性是: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阅读
我以前一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明白,只能怪自己立体感太差了。 css3transform中有旋转,放缩,倾斜,平移功能,分别对应属性是:rotate,scale,skew,translate 旋转:(rotate)[cs...
转载 2015-05-10 12:23:00
287阅读
2评论
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结不是很多,后续还会持续更新。 一.html、css面试题 HTMLHTML5有什么区别?主要有三个区别: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之前版本CSS1CSS2,到现在没有人就会这么去叫CSS1或CSS2。在以前CSS里面的选择器:css里面的基本选择器有:ID选择器就是在元素(标签)
转载 2024-02-09 10:39:52
37阅读
HTMLHTML5区别:其实说白了,就是ES5ES6区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发需求和速度,后期维护代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断更具需求整合添加了一部分新元素标签进来,这些标签加入大大增加了代码可读性,结束了一个div写这个页
转载 2023-07-12 17:38:38
138阅读
二、css3css2区别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阅读
二、css3css2区别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
不得不爱过渡(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 标准。 css3css多了一些样式设置而已。 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,较老版本不支持。新增标签:    audiovideo    写法:<audio control
转载 2024-01-04 06:50:11
118阅读
今天学习了HTML5、CSS3这些升级属性。HTML5HTML区别:HTML5已经远远超越了标记语言范畴,它设计目的是在移动设备上支持多媒体,HTML比起来,深度广度上都做了进一步提升,HTML5相比于html声明更为简单,方便记忆,所以HTML5要比HTML更有利于程序员快速阅读开发。此外,两者结构语义也有所不同。HTML没有结构语义化标签,通常以<divid="he
转载 2023-09-20 04:16:02
16阅读
HTMLHTML5区别:其实说白了,就是ES5ES6区别,HTML是前端搭建页面的必须品,但是随着人们开发需求和速度,后期维护代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断更具需求整合添加了一部分新元素标签进来,其中常用有如下这些,如有不全请谅解,仅供参考: 新增结构标签: 1、header元素 表示页面中一个内容区块或真个页面的
转载 2023-07-12 17:41:04
69阅读
对比 animation类似于transition,随着时间改变元素属性值。区别在于,transition需要触发事件才会随时间改变元素CSS属性,animation不需要触发事件就可以随时间变化改变元素CSS属性,达到动画效果。区别 animation不需要触发事件,transition需要触发事件 transition只有一组关键帧(两个:开始-结束),动画可以设置多个。 演示 动画源码&lt
原创 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阅读
  • 1
  • 2
  • 3
  • 4
  • 5