随笔分类 - css + html
摘要：css3变量 :root申明的全局，自定义属性用--作为前缀 :root { /* 表示用-redColor来表示#ffffff颜色 */ --redColor: #ffffff } var(name, value)来插入使用 #app { background: var(-redColor) }
阅读全文
摘要：精灵图 页面上会用到很多小图标，把这些小图标放在一张大图片上显示，需要用到的时候通过背景的位置来展示每一个小图标，目的在于优化性能 字体图标 先下载自己喜欢的字体 自定义规则css里写 @font-face {font-family: name(自己取的名字)} 使用 div { font-fami
阅读全文
摘要：移动端开发 视口 浏览器显示的屏幕区域。视口分为布局视口，视觉视口和理想视口 布局视口：网页本身 视觉视口：手机能看的 理想视口 需要手动添加meta视口标签通知浏览器操作 meta视口的主要目的是为了让宽度与理想视口的宽度一致 meta视口标签 <meta name="viewport" cont
阅读全文
摘要：HTML5 分析： 拖拽释放(Drap and drop)API ondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放 画布 canvas；getContext()方法返回一个用于在画布上绘图的环境Canvas.getContext
阅读全文
摘要：css网页布局 最大价值：让html做结构，与样式相分离 选择器 {属性：值;属性：值;} p { color: red; } css的代码风格 样式格式书写:紧凑格式 , 展开格式（提倡，更直观） 样式的大小写:用小写的形式做 空格规范:属性值前面，冒号后面，空一格;选择器和大括号中间保留一个空格
阅读全文
摘要：浏览器内核 Trident(IE内核)：前缀名-ms- Gecko(Firefox):前缀名-moz- Webkit(safari):-webkit- Opera:-o- 谷歌浏览器:-webkit- seo优化 SEO，即Search Engine Optimization， 搜索引擎优化，是一种
阅读全文
