代码改变世界

ico图标引入

2021-12-29 12:51 by LoYan, 111 阅读, 0 推荐, 收藏,
摘要:获取ico图标 网址后面加/favicon.ico 图片另存为要放在根目录 引入ico图标 <link rel="stylesheet" href=""> 改为<link rel="shorcut icon" href="favicon.ico"> --> 阅读全文

3D特效

2021-12-26 13:31 by LoYan, 247 阅读, 0 推荐, 收藏,
摘要:3D属性 什么是3d的场景呢?2d场景,在屏幕上水平和垂直的交叉线x轴和y轴 3d场景,在垂直于屏幕的方法,相对于3d多出个z轴 Z轴:靠近屏幕的方向是正向,远离屏幕的方向是反向 CSS3中的3D变换主要包括以下几种功能函数: 3D位移: CSS3中的3D位移主要包括translateZ()和tra 阅读全文

transition过渡

2021-12-26 13:30 by LoYan, 94 阅读, 0 推荐, 收藏,
摘要:transition过渡 复合属性:transition 取值:all 5s linear 3s 含义:css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标自击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值 all 单一属性 阅读全文

animation动画

2021-12-26 13:28 by LoYan, 294 阅读, 0 推荐, 收藏,
摘要:关键帧动画 animation和transition的区别 相同点: 都是随着时间改变元素的属性值。 不同点: transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性;而an mation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元素css 阅读全文

2D属性-transform

2021-12-26 13:26 by LoYan, 128 阅读, 0 推荐, 收藏,
摘要:2D属性-transform 1、translate() 将元素向指定的方向移动,类似于position中的relative。 水平移动:向右移动translate(tx,0)和向左移动translate(-t,x0); 垂直移动:向上移动translate(0,-ty)和向下移动translate 阅读全文

CSS3基础

2021-12-25 10:21 by LoYan, 226 阅读, 0 推荐, 收藏,
摘要:CSS3的概念和优势 CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分角为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。 CSS3的优点 阅读全文

H5新增

2021-12-23 10:58 by LoYan, 78 阅读, 0 推荐, 收藏,
摘要:一、HTMLS 发展史 HTML5草案的前身名为WebApplications1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。 HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而, 大部分现代浏览器已经具备了某些HT 阅读全文

CSS基础

2021-12-23 09:59 by LoYan, 125 阅读, 0 推荐, 收藏,
摘要:什么是CSS? 英文全名:cascading style sheets(百度百科) cascading style sheet 层叠样式表 WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制, 简单说就是如何修饰网页信息的显示样式。 目前推荐遵循的是W3C发布的CSS3.0 阅读全文

HTML基础

2021-12-20 14:24 by LoYan, 194 阅读, 1 推荐, 收藏,
摘要:什么是HTML? HTML是用来描述网页的一种语言 • HTML 指的是超文本标记语言( Hyper Text Markup Language) • HTML 不是一种编程语言,而是一种标记语言(markup language) • 标记语言是一套标记标签( markup tag ) Web标准的制 阅读全文