始发于我的博客 ryougifujino.com,欢迎访问留言。 vue-router分为hash和history模式,前者为其默认模式,url的表现形式为http://yoursite.com#home,比较难看。后者…
分类:css3
弹窗实现(自制)
自制手写弹窗 在实际开发中,我们不可避免的需要使用到弹窗,但是我们经常总是直接使用的第三方模态框,这就导致我们自己对于弹窗的理解并不深;如果有时候需要我们手写一个简单弹窗时,你可能写不出来(不要笑,大部分都是,包括有些前…
前端每日实战 167# 视频演示如何用 1 个 dom 元素创作两颗爱心
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/KLvENb 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中…
前端面试题及答案 - CSS篇
这篇文章并不是最全的前端面试题(没有最全,只有更全),只是针对自己面试过程中遇到的一些难题、容易忽略的题做一个简单的笔记,方便后面有面试需要的小伙伴们借鉴,后续内容会不定时更新,有错误之处希望大家不吝指出。 1、CSS3…
【Hello CSS】第二章-CSS的逻辑属性与盒子模型
作者:陈大鱼头 github: KRISACHAN 在上一篇【Hello CSS】的第一章CSS的语法与工作流中介绍了CSS的语法规则以及基本的渲染流程。本篇则会分享CSS的逻辑属性以及盒子模型。 首先开篇之前先提个问题…
'align-items: center/flex-end ' breaks 'overflow: scroll'
实例 <div style="width: 200px; position:relative; top: 200px; background: silver;"> <div class="slidesW…
前端HTML、JS、CSS
基础 1、前端页面有哪三层构成? HTML结构层、CSS表示层、JS行为层。2、浏览器内核(渲染引擎) ①IE内核 -- Trident ②Firefox内核 -- Gecko ③Safari内核(曾经Chrome内核)…
一些有趣的 CSS 魔法和布局(上)
前言 布局和样式,是每个前端的必修课。在日常的工作中,也会碰到一些特定场景的布局需求,配合上样式,就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局,以及浏览各大网站时碰巧发现的神奇特效写法,在此做个分享。 由于篇…
css-secrets (css揭秘) 知识点目录,值得深入学习!
1. 第一章 css编码技巧 第二章 边框与背景 半透明边框 hsla 多重边框 box-shadow outline 灵活的背景定位 background-position css3该属性可以指定偏移量,////bac…
SMTC:纯CSS 星星打分评价
星星打分评价的页面功能,需求上经常会碰到。网上搜一下,Js + CSS,纯 CSS 的版本也非常多。觉得搜到的都不理想,下意识觉得应该能有更好的实现自己动手尝试一下,果然能更好用所以开篇文章,分享一下 ^_^ 先来 HT…
css制作从下往上逐渐显示的div
html代码 <div class="div1"> <div class="mask"> <div class="div2">我是div顶部</div> </div&…
前端培训-初级阶段(5 - 8)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们…