css炫酷特效(css的起源及css里的特炫效果是如何实现的)

2025-03-17 06:40:02 0

css炫酷特效(css的起源及css里的特炫效果是如何实现的)

本文目录

css的起源及css里的特炫效果是如何实现的

我就简单明了的举个列子说一下吧。

制作web页面就像盖房子,html就是砖头、水泥之类的负责基础构造。css就是装修。在css产生之前,web页面基本就是毛坯,人们为了让页面好看点,就在html上添加了很多属性,随着页面越来越复杂,维护也越来越难。于是,css就诞生了。

css本身实现不了太炫酷的效果,它就好比给你的房子贴上木地板,贴上墙纸,负责表现、美化页面的。 css3能实现一些不错的效果,但离酷炫还是有一定距离。

一般是 css 、canvas、 svg、js结合起来,做一些炫酷特效。

HTML、CSS、JS很低级吗

首先,我不认为前端行业中这些起到基石作用的技术点低级。

其次,回答楼主这个问题,可以从"低级"这个词所要表达的意义开始说。

百度了一下,从解释的句子中可以看出一个亮点词"简单"。然而,楼主的问题就可以转化成:
HTML、CSS、JS很简单吗?
下面我单纯的就问题本身,从语言简易程度上来分析一下。(如果从前端这个职业上谈就更不容易了,哈哈,一晚说不完)

一、说一下HTML

如果你认为html简单,那很有可能是起来,或者你学习不够深入,理解不透彻。比如html包含下面这些知识点,你是否都搞懂呢?
  1. HTML5新特性,语义化
  2. xhtml和html的区别是什么?
  3. 使用data-的好处是什么?
  4. 解释一下meta标签
  5. 是否了解canvas?
  6. 讲一下meta viewport原理
上面这些个问题都会吗?如果会,那说明HTML是不简单的,如果不会,那说明是值得我们去学习的。
接下来说一下CSS,后面这两就包含更多知识点需要你去学习了。往下看吧。

二、说一下CSS

css并不想象的那么简单,当然,经验会促使你记住一些写法,从而让你觉得它很容易,然而,即使你写去三四年前端,你问问自己真的懂和理解那些个写法吗?
下面我从简单到偏难列举十来个问题,大家看看,有没有你不会的,或者是从来都没有考虑过的问题。
  1. 什么是盒模型,解释一下box-sizing
  2. css实现隐藏的方式有几种及区别
  3. 如何布局(水平居中,垂直居中,定宽加自适应布局等)
  4. 浮动元素引起的问题和解决的办法?
  5. link和@import引入CSS的区别?
  6. 解释一下CSS3和flexbox,以及适用场景
  7. 清除浮动的原理是什么?
  8. overflow:hidden有什么缺点?
  9. padding百分比是相对父级元素宽度还是自身的宽度
  10. 对移动端开发了解多少?
这些问题是不是看着熟悉又很陌生,还有很多很多问题啊!详细可以关注我的关条号,只想说明如果想深入学习,做顶尖的那波人,就不会觉得CSS很简单,很低级。
接下来要说的JS就更有知识点需要你学习了。需要我列几个呢?哈哈,往下看完吧

三、说一下JS

同样从简单到难,为了证明JS不简单,我举几个问题,自己衡量一下。
  1. js的基本类型有哪些?引用类型有哪些?null和undefined的区别。
  2. 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)
  3. 解释一下事件冒泡和事件捕获
  4. 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?
  5. 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?
  6. 显示原型和隐式原型,手绘原型链,原型链是什么?
  7. 手写Ajax,XMLHttpRequest
  8. 什么是变量提升
  9. 什么是“use strict”,好处和坏处
  10. JS如何实现重载和多态
  11. js动画和css3动画比较
  12. js的垃圾回收机制
  13. 内存泄漏的原因和场景
好了,不列了,看看自己能否能回答吧。
最后回到正题:HTML、CSS、JS很低级吗?如果还觉得低级,甚至对前端行业有任何疑问可以关注我头条号。

css炫酷特效(css的起源及css里的特炫效果是如何实现的)

本文编辑:admin
css炫酷特效 ,c ,s

更多文章:


数据安全管理办法(数据安全保护的方法有什么)

数据安全管理办法(数据安全保护的方法有什么)

本文目录数据安全保护的方法有什么中华人民共和国数据安全法规定地理信息数据安全管理规定包含哪些内容五部门发布汽车数据安全管理规定的内容数据安全防护措施有哪些呢数据安全保护的方法有什么方法如下:大数据安全防护要“以数据为中心”、“以技术为支撑”

2025年2月18日 10:30

dedicate是什么意思(dedicate是什么意思)

dedicate是什么意思(dedicate是什么意思)

本文目录dedicate是什么意思dedicated是什么意思dedicate意思devote和dedicate的区别dedicate和devote的区别dedicate是什么意思dedicate英vt.奉献,献身; (为表示感情或敬意将著

2025年3月25日 15:50

expect(Expect可以接从句吗)

expect(Expect可以接从句吗)

本文目录Expect可以接从句吗expect的名词是什么expectedly是什么意思Expect可以接从句吗expect是及物动词,可以接宾语从句:We expect that it will be popular.我们期望它会流行起来。

2025年3月31日 19:00

oriented怎么读(transitoriented 怎么读)

oriented怎么读(transitoriented 怎么读)

本文目录transitoriented 怎么读东南西北怎么读啊英文问几个英语句子怎么连读!大家请帮忙oriented和oriental的区别transitoriented 怎么读transit 英 adj. 导向的; 定向

2025年3月21日 08:30

个人简历怎么写最好(个人事业简历怎么写)

个人简历怎么写最好(个人事业简历怎么写)

本文目录个人事业简历怎么写求职简历如何填写比较好个人事业简历怎么写简历其实就是一份推销自己的宣传单, 千万不要觉得我要做一个非常精美的简历,花很多心思在设计上。这样做真的没必要,除非你要体现自己的强大设计水平,否则可能还会给面试官带来华而不

2025年2月12日 21:00

html中改变字体的大小代码(html字体大小、颜色、粗体、下划线代码(局部))

html中改变字体的大小代码(html字体大小、颜色、粗体、下划线代码(局部))

本文目录html字体大小、颜色、粗体、下划线代码(局部)怎么让html字体变大怎么样把HTML代码里面的字体放大 放大的代码是什么 什么代码可以把字变大用HTML语言编写 怎么用代码改变字体大小Html table中代码如何实现修改字体大小

2025年2月22日 20:40

python的re(python中,re模块怎么去掉字符串)

python的re(python中,re模块怎么去掉字符串)

本文目录python中,re模块怎么去掉字符串python的re正则表达式怎么写python的re,正则表达式,可以用中文么python re :的意思Python re正则表达式模块及其用法python 中 re.sub 和 re.com

2025年3月16日 17:50

fdisk 格式化(怎么用FDISK命令对硬盘分区并格式化)

fdisk 格式化(怎么用FDISK命令对硬盘分区并格式化)

本文目录怎么用FDISK命令对硬盘分区并格式化fdisk 怎么格式化linux盘用fdisk分区后的硬盘用什么方式格式化怎么用FDISK命令对硬盘分区并格式化转载过来的自己慢慢看先用Windows 98启动盘启动电脑,也可以在进入 Wind

2025年2月23日 17:30

启用宏和禁用宏有啥区别?WORD中的宏被禁止怎么办

启用宏和禁用宏有啥区别?WORD中的宏被禁止怎么办

本文目录启用宏和禁用宏有啥区别WORD中的宏被禁止怎么办excel提示禁用宏、启用宏等 怎么解决怎样在word中禁用宏Word文档如何开启/禁用宏Word中的宏如何取消,Word禁用宏的方法启用宏和禁用宏有啥区别1、可打开的内容不同:启用宏

2025年2月10日 22:50

griddata函数原理(matlab中griddata函数怎么用)

griddata函数原理(matlab中griddata函数怎么用)

本文目录matlab中griddata函数怎么用MATLAB中griddata函数中的cubic算法是什么原理matlab中的插值函数 griddata的具体原理是什么呢可否大概讲解一下!!!MATLAB中的插值函数griddata()运行

2025年3月15日 20:00

我的表弟三年的Php程序员转学java,自学还是参加培训班好!好纠结啊?学PHP最快要多久

我的表弟三年的Php程序员转学java,自学还是参加培训班好!好纠结啊?学PHP最快要多久

本文目录我的表弟三年的Php程序员转学java,自学还是参加培训班好!好纠结啊学PHP最快要多久 我的表弟三年的Php程序员转学java,自学还是参加培训班好!好纠结啊谢谢邀请!首先,对于已经具有三年PHP开发经验的程序员来说,如果需要使用

2025年3月11日 05:40

adobe flash player版本太旧(adobe flash player 版本太低是怎么回事)

adobe flash player版本太旧(adobe flash player 版本太低是怎么回事)

本文目录adobe flash player 版本太低是怎么回事Adobe Flash 版本太旧,因此已被屏蔽flash player 版本过旧,怎么更新呢adobe flash版本太旧因此已被屏蔽怎么办adobe flash player

2025年3月13日 16:10

getresources(android的getResources()报错如何解决)

getresources(android的getResources()报错如何解决)

本文目录android的getResources()报错如何解决android 中的getResources().getInteger(id)这个怎么用的android的getResources()报错如何解决在AndroidStudio的

2025年3月1日 02:10

人类不宜飞行(人类为什么不 能飞)

人类不宜飞行(人类为什么不 能飞)

本文目录人类为什么不 能飞为什么人类不能飞为什么人不能飞人为什么不可以飞人为什么不能飞从物理学上解释,人为什么不能飞为什么人不可以飞人类为什么不 能飞因为鸟的骨头是空心的,而人类的骨头是实心的,而且鸟的骨头和我们人类的骨头不同,而鸟类的体内

2025年3月29日 22:50

ngrok原理(如何简单使用ngrok,将网站内网映射到外网)

ngrok原理(如何简单使用ngrok,将网站内网映射到外网)

本文目录如何简单使用ngrok,将网站内网映射到外网求助,路由器内网ngrok穿透后怎么搭建ssr如何简单使用ngrok,将网站内网映射到外网其实说了一个问题,即NAT。网络地址转换,私网借公网。要实现这个,看起来说得不错,实际上是有前提条

2025年3月30日 21:00

我要自学网cad教程(想自学CAD,用于钣金类铝板的该怎么开始(初中学历))

我要自学网cad教程(想自学CAD,用于钣金类铝板的该怎么开始(初中学历))

本文目录想自学CAD,用于钣金类铝板的该怎么开始(初中学历)哪里有可以学习Auto CAD的视频想自学CAD,用于钣金类铝板的该怎么开始(初中学历)讲真这个和学历没关系,主要看你愿不愿意学。两个方式。1.找网络课程。一般我都是某自学网看的,

2025年4月1日 13:50

菜农的超级51反汇编disasm51用着如何?disappointed和disappointing的区别

菜农的超级51反汇编disasm51用着如何?disappointed和disappointing的区别

本文目录菜农的超级51反汇编disasm51用着如何disappointed和disappointing的区别菜农的超级51反汇编disasm51用着如何菜农的51超级反汇编disasm51是在1993年编写的,在DOS上用命令行运行的。当

2025年3月4日 00:20

distinct用法(distinct 关键词的用法可以用来修饰多个字段)

distinct用法(distinct 关键词的用法可以用来修饰多个字段)

本文目录distinct 关键词的用法可以用来修饰多个字段HQL语句 distinct 的用法是什么distinct的使用DISTINCT 的用法distinct用法(VB与ACCess)去除重复项mysql distinct多个字段怎么用

2025年2月21日 23:10

家谱管理系统(中华族谱系统有哪些优势)

家谱管理系统(中华族谱系统有哪些优势)

本文目录中华族谱系统有哪些优势制作家谱用什么软件好中华族谱系统有哪些优势中华族谱有限公司,成立于2014年。公司拥有专业的软件开发团队、修订族谱的专家团队以及经验丰富的经营管理团队,致力于族谱系统的研发。目前数据库已录入数据2000万条,覆

2025年3月3日 06:40

ckeditor(ckeditor 如何整合到ASP中)

ckeditor(ckeditor 如何整合到ASP中)

本文目录ckeditor 如何整合到ASP中关于ckeditor编辑器的问题.为什么会在源码里自动添加标签,可以不添加吗.ckeditor富文本编辑器怎么使用如何在网页中引用 ckeditor 富文本关于ckEditor的问题ckedito

2025年2月15日 19:10

近期文章

upload(upload的意思)
2025-04-05 11:40:02
本站热文

harbor,port,pier的区别?谁能解释“harbour“(港口)与“pier“(码头)的区别
2025-02-22 17:40:03 浏览:18
ibatis foreach(ibatis 批量update操作)
2025-02-10 23:40:06 浏览:7
endless rain(endless rain表达什么情感)
2025-02-14 06:00:02 浏览:6
标签列表

热门搜索