基础 1、前端页面有哪三层构成? HTML结构层、CSS表示层、JS行为层。2、浏览器内核(渲染引擎) ①IE内核 -- Trident ②Firefox内核 -- Gecko ③Safari内核(曾经Chrome内核)…
标签:css3
SMTC:纯CSS 星星打分评价
星星打分评价的页面功能,需求上经常会碰到。网上搜一下,Js + CSS,纯 CSS 的版本也非常多。觉得搜到的都不理想,下意识觉得应该能有更好的实现自己动手尝试一下,果然能更好用所以开篇文章,分享一下 ^_^ 先来 HT…
前端培训-初级阶段(5 - 8)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们…
Web 开发学习笔记(6) --- 前端开发之 HTML5
前言 通过之前的文章, 我们已经搭好了 webapp 的雏形, 不过到目前为止, 我们的前端界面比较简单, 为此, 我们要学习前端的知识, 然后对界面进行改进. 前端的内容可以分为 HTML CSS JavaScript…
前端 CSS : 5# 纯 CSS 实现24小时超市
介绍 原文链接 感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览 源代码地址 https://github.com/shanyuhai1… 代码解读 1. html 结构 …
学习如何用CSS变量创建网页响应布局 — css var()
在创新的2018年已经过去,在2019年看看如何简单做成响应性的网站 如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置呦。 从本质上…
「前端早读君008」新手必踩坑之display: inline-block
今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: <div class="nav"> <…
「前端早读君007」css进阶之彻底理解视觉格式化模型
今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 如果你也有这种问题,那么是时候学习下什么是css视觉格式化模…
前端 CSS : 3# 纯 CSS 实现粉色爱心
介绍 原文链接 感謝 comehope 大佬的 [前端每日实战] 工作三个月觉得糟糕跑路(顺带劝一下像我一样的新人, 不要急于入职, 一定要挑一挑)回家重新补充了一下基础知识及 node, 身为一个前端结果发现 CSS …
值得看看,2019 年 11 个受欢迎的 JavaScript 动画库!
想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 1.Three.js 超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了<canvas&g…
前端每日实战:163# 视频演示如何用原生 JS 创作一个多选一场景的交互游戏(内含 3 个视频)
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/LXMzRX 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
前端每日实战:162# 视频演示如何用原生 JS 创作一个查询 github 用户的应用(内含 2 个视频)
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/oQGqaG 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…