白豆的微博

Animate.css是一个有趣的，跨浏览器的css3动画库。很值得我们在项目中引用。用法1、首先引入animate css文件123head>  link rel="stylesheet" href="animate.min.css">head>2、给指定的

（一）命名规则： 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar

.introduce-content .con-icon::before { content: "";    border-left: .45rem solid transparent;    border-right: .45rem solid transparent;    border-bottom-width: .23rem;    border-bottom-style: solid; ...

水平垂直移动，以及同时旋转，必须要写一起，旋转和移动分开写竟然会覆盖不生效。        position: absolute;left: 50%;transform: rotate(45deg) translate(-50%,0);

1、 npm install font-spider -g 安装字蛛 2、 css样式表中引入 @font-face 例如： /* 汉仪力量黑字体 */ @charset “UTF-8”; @font-face { font-family: “HYLiLiangHeiJ”; src: url(“../fonts/HYLiLiangHeiJ.woff”) format(“woff

使用Chrome浏览器，那么可以试试这个GhostPage扩展。写页面的时候右边时不时会出现空白每次都找好久才知道是那个盒子出现 内容超出宽度这个插件安装好后打开页面 点击这个插件页可以了方便好用是在知乎上找到的解决办法https://www.zhihu.com/question/34833105

css部分：让input中的数字和文本对齐   vertical-align: text-top;让图片和文本对齐 vertical-align:middle;让a转为行内块元素display-inlineblock；————————————————————————重置input按钮的样式：（找了很多都很麻烦，这个实践有效）：           1：将默认样式透明隐藏；

一、语法：二、参数解析：a、name项：常用的选项有keywords(关键字) ，description(网站内容描述)，author(作者)，robots(机器人向导)等。b、http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-ta

可伸缩的图标(矢量化),高度自定义(大小,颜色,阴影等)；优势不依赖Javascript  矢量图形,无限缩放免费,可用于商业CSS控制样式,自定义图标颜色,大小,阴影,一切可能实现的效果支持retina显示(苹果retina 屏幕)源于BS框架(最初的目标设计使用方向),现在基本支持主流的框架图标用到的animation适用于I

a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP 点击链接后，页面不动，只打开链接 作用同上，不同浏览器会有差异。点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用详解href="#"与href="javascript:void(0)"的

把表单中的数据提交到服务器就需要，form有action="数据提交到哪里(index.php)"，method="提交方法(get/post)"不需要提交的数据可以不用form

自己学习记录：background-origin：content box；用于雪碧图平铺定位时，从内容开始显示，再配合padding值；background-clip:conten box; 从内容开始将多出的内容剪切掉；

给下标大于2并且小于8的li（即第3个li到第7个li加样式），用过滤函数选择 $('li').filter(function (index) {return index>2&&index<8 }).css('color','#f00')