时间:于2017年12月3日 19:35:18开始
用于: 这文章用于个人技术总结(全文转发请标明出处,小段摘抄随意)
HTML笔记1、html标签不区分大小写，但是建议小写2、常用标签：可用在head部分： <head> <title>...
最近由于工作的原因碰到一个问题，就是在一个弹窗宽度不定的情况下还能是该弹窗居中显示，思考许久未找到合适办法，于是在网上找到一些办法在此总结记录下来方便以后的学习。
方法一：兼容IE67，但是当元素宽度大于50%时，会出现滚动条。
<div class="father">
<
本文接前文：不可思议的混合模式 mix-blend-mode 。由于 mix-blend-mode 这个属性的强大，很多应用场景和动效的制作不断完善和被发掘出来，遂另起一文继续介绍一些使用 mix-blend-mode 制作的酷炫动画。
CSS3 新增了一个很有意思的属性 -- mix-b
（1） 安装webpack
在安装 Webpack 前，你本地环境需要支持 node.js。
由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。
使用 cnpm 安装 webpack：
cnpm install webp
因公司需求，要做一个扫描语音播报的功能，所以用到一些音频/视频标签
考虑到 <embed> 标签对于ie的兼容性更好一些所以，我在这采用了 <embed> 标签，在使用中遇到的一些问题和处理方法，如有不对的地方和可以改进的地方欢迎指教
问题1：在使用<e
前端入门编辑器
背景介绍
大家好！我是H少白，一名应届毕业生，2018年6月份就是结束我学业生涯的时候。其实刚进入大四我就对找工作充满了恐惧和不知所措，尤其是我的野心想在上海拥有自己的一片天，让我更加的焦灼。我开始思考自己的不足，思考如何面对面试官和如何在工作中干的漂亮让老板赏识。是的，我现在知道那
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果，这时就可以用以下代码来对placeholder进行样式设置了。
1 ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */
2 :-moz-place
1.css代码
<style type="text/css">
.container{
margin-top: 10px;
}
.outerDiv{
float:left;
之前说过了CSS有三种基本的布局机制：普通流、浮动和绝对定位。除非专门指定，否则所有的框都在普通流中定位。而普通流中元素框的位置由元素在HTML中的位置决定。
相对定位
相对定位实际上被看做普通流定位模型中的一部分，因为它是通过设置垂直或者水平位置，让这个元素
::-webkit-scrollbar 滚动条整体部分
::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
::-webkit-scrollbar-track 滚动条的轨道（里面装有Thu
//单行文本溢出部分隐藏显示省略号...overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;/** n 行文本溢出部分隐藏显示省略号.. 使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端； （W
<input type="checkbox" name="qId" onclick="doit();"/><input type="checkbox" name="qId" onclick="doit();"/><input type="checkbox" name=
前些日子辞掉了工作，比较轻松，有大把的时间写博客神马的，陆续面了几个不错的互联网公司，有成功的也有失败的，阿里的面试及offer都来的很意外，还没来得及投百度，由于阿里给的条件及工作内容都让我很满意了，唯一的遗憾是得离开北京去杭州，不知道现在还要不要投投其他的也试试。
至于为什么选在年前离职，其实
大多数网页中都包含某种形式的列表，今天我们就来联系几个基本的导航条。
垂直导航条
注意要点：
去掉默认的项目符号（list-style-type:none）,将外边距和内边距都设为0。
以em设置导航列表的宽度。.nav{wi
背景：
年底将至，本人这只才出门的前端菜鸟，终于有空闲的时间来整理一下最近投简历时出现的问题。有的是经常使用但是没有仔细留意造成的；有的是个人认为根本没人使用而忽略的。为了下次不出现这种错误，进行一下总结。问题的答案有的是本人自己总结的，有的是查找资料获取到的。对于查找到的答案会特别标注。如果本文有
1.内联式引用：直接用在标签上，但维护成本高
style='font-size:16px;color:#000000'
2.外部连接式引用：css代码与html代码分离，便于代码重复使用
<link href="css/style.css" type="text/css" rel="st
这个需求场景很常见，但好像到目前还没有一个正统的做法，以至于一搜这个问题，出来的招数五花八门，典型的包括：
给body上overflow:hidden，fixed什么的。问题在于：手机端可能没用，或者会让页面回到顶部～影响体验
简单粗暴的屏蔽touchmove。问题在于：弹出层内
复合属性—background
如果同时设置了background-color和background-image时，背景颜色会被图片覆盖。
background-image: 用作背景的图片，background:url( )；
如果将背景设置为图片，那么我们就要考虑以下几个属性了。
b
首先要能获取datagrid 的row对象
即：var row = $('#datagrid').datagrid('getData').rows[index];
之后我们就可以通过类似row.name（字段名称）来获取row各个字段（列）的值了。
关于css中的单位
大家都知道在css中的单位，一般都包括有px,%,em等单位，另外css3新增加一个单位rem。
其中px，%等单位平时在传统布局当中使用的比较频繁，大家也比较熟悉，不过px单位在进行自适应布局的过程当中则会有些力不从心，大部分的解决方案是使用%为单位配合@media媒介查询来进
客服
