什么是伪类? 伪类用于定义元素的特殊状态。 例如,它可用于: 当用户将鼠标悬停在元素上时为其设置样式 访问和未访问的链接不同样式 在获得焦点时设置元素的样式 伪类的语法 后代选择器匹配作为指定元素后代的所有元素。以下示例…
标签:css
块状元素、内联元素和内联块状元素
CSS中,html中的标签元素大体被分为三种不同的类型:块状元素(display:block)、内联元素(又叫行内元素display:inline)和内联块状元素(display:inline-block)。可以通过代码…
Codepen 每日精选(2018-4-19)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的创意灯泡动画https://codepen.io/uzcho_/ful… 纯 css 画的文字阴影https://co…
五分钟 Styled-components 高级实用技巧
写在前面的废话 回到2013年,React凭空出世。但是在那时,我们会想,oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX,我们又需要把HTML和JS耦合在一起?React 创造了 HTM…
JS完成轮播图思绪整顿
html结构层 <div class="index-banner" id="banner"> <div class="banner-list" id="banner_list" style="left:…
挖财 / 有赞电话口试 问题分享
动画相干 //html <div class="btn"> <div class="change"></div> </div> //css .btn { width: 10…
水平、垂直居中布局方案整理
讨论前提 本文都是基于这样的HTML结构来进行讨论的: <div class="parent"> <div class="child">DEMO</div> </div> …
Codepen 每日精选(2018-4-3)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的卫星围绕行星的动画https://codepen.io/YusukeNaka… 文字变汽车的动画https://cod…
关于js返回上一页的实现方法
window.history.go(-1);//返回上一页不刷新 window.location.href = document.referrer;//返回上一页并刷新 下面是常用代码: <a href="<…
网页的响应式布局
响应式布局解决了什么问题? 解决不同屏幕之间的分辨率问题。什么时期出现的此问题?当时遇到了什么问题?当时的技术环境是怎么样的? 时间点: 2010年5月提出的概念,他叫Ethan Marcotte刚好在2010年,移动互…
单页应用中登录状态保持和页面访问权限控制的解决办法
单页应用与多页应用 传统的 web 项目中,多数是多页应用,即每次页面跳转的时候,后台服务器都会给返回一个新的 html和与之相关的 css 和 js 资源,例如熟悉的 JSP ,这种类型的网站也就是多页网站,也叫做多页…
Codepen 每日精选(2018-3-30)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 画的 ipodhttps://codepen.io/DanGasson/… 用 svg 画的海报https://codep…