Viewport Selectors
Viewport ads couple of extra selectors to jQuery. With these selectors you can check whether element is inside or outside of viewport.
$(":in-viewport")
$(":below-the-fold")
$(":above-the-top")
$(":left-of-screen")
$(":right-of-screen")
Download from project page:
http://www.appelsiini.net/projects/viewport
-
create-react-app搭建vw-layout解决方案 前言：我第一次接触到vw适配移动端的方案是在大漠先生的博客里（如何在Vue项目中使用vw实现移动端适配）,强烈建议没看过的朋友先去看一下这篇博客。vw解决方案早有耳闻，我也很想上手尝试一下，所以想要自己上手配置一个CRA脚手架的解决方案。在自己动手之前也先查了一些资料，其中Ghan的这篇博客很有帮助：使用create-react-ap
-
在< style >标签中 div p {} : div标签中的所有p标签; div>p {} : div标签中的子标签§; div+p {} : div标签下边的邻居标签; div~p {} : div标签下边所有的同级p标签 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name=
-
开头: before; 结尾 : after; 内边距 : padding:15px; 左对齐 : float:left; 边框border : border:1px solid gray; 行高 : line-height:35px; 动画 : transition:transform .5s ease-in; 水平翻转 : transform:totatry(180deg); 去除表单的活动框
-
在< style > 标签中 div[user] {} : 选择div标签中具有user属性的; div[user=bb] {} : 选择div标签中,属性user=bb的; div[user^=b] {} : 选择div标签中,以属性值为b开头的; div[user$=b] {} : 选择div标签中,以属性值为b结尾的; [user*=b] {} : 所有标签,只要有user属性,属性中有b字
-
在< style > 标签中 p {}: 所有p标签; p.ad{}: p 标签中 class 为ad的; p#aa{}: p标签中id为aa的; <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,in
-
p:hover 鼠标滑过; cursor : 光标; pointer : 手型; crosshair : 十字交叉线; wait : 沙漏等待; link : 链接; hover : 鼠标滑过; active : 点击,活动效果; visited : 访问过的效果; 链接取消下划线效果 : text-decoration:none; 链接上下两根线 : text-decoration:underl
-
细线表格 border-collapse: collapse; 宽度 width; 盒子居中 margin: 0 auto; 加粗 bold normal: font: bold normal 18px “”; 细线,灰色(边框) border: 1px solid gray; 虚线,灰色 border: 1px dashed gray; 内边距 padding: 5px; 文本居中 text-a
-
1.DOM Extensions ①The two primary standards specifying DOM extensions are the Selectors API(选择符API) and HTML5. 2.Selectors API ①Indeed(实际上),the library jQuery is built completely around the CSS select