墨染一生

摘要： ###1.准备工作 创建项目文件夹，创建以下相应文件夹 其中images存放背景图等不用经常更换的图片，例如背景，upload存放需要经常更好的图片， css初始化 在index.html引入normalize.css ###2.body准备 点击查看代码 body { width: 100%; m 阅读全文

摘要： ###1 移动端开发选择 ###2 移动端解决方案 ####2.1移动端浏览器 移动端浏览器基本以Webkit内核为主，就要考虑兼容性问题，因此浏览器的私有前缀我们只考虑webkit即可 ####2.2css初始化 移动端css推荐使用normalize.css 保护了有价值的默认值 修复了浏览器的 阅读全文

摘要： ###1.移动端基础 ####1.1常见的移动端浏览器 uc浏览器、搜狗浏览器、QQ浏览器等。。 内核： 果孽的uc，qq和百度浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就如国内的手机操作系统基于谷歌的安卓系统修改开发一样。 总结：兼容移动端浏览器，处理webkit内核浏览器 阅读全文

摘要： ####1. 2d转换（transform） 属性： 移动：translate 旋转：rotate 缩放：scale #####1.1 二维坐标系 2D转换是改变标签在二维平面上的位置和形状的一种技术 #####1.2 2d转换之移动translate 1.语法： 2.重点 例子：水平垂直居中对齐 阅读全文

摘要： ###1.项目规划 ####1.1网站制作流程 ####1.2品优购整体项目介绍 项目名称：品优购 项目描述xxx ####1.3 学习目的 掌握pc端部分 ####1.4 开发工具及技术栈 ####1.5 搭建工作 #####模块化开发 ####1.6网站favicon图标 #####1.制作fa 阅读全文

摘要： ####1.选择器 #####1.1 属性选择器 点击查看代码 <style> /* 必须是input 但是同时具有 value这个属性 选择这个元素 [] */ /* input[value] { color:pink; } */ /* 只选择 type =text 文本框的input 选取出来 阅读全文

摘要： ####1.margin负值妙用 点击查看代码 ul li { float: left; list-style: none; width: 150px; height: 200px; border: 1px solid red; margin-left: -1px; } 解析： 先看1盒子，执行ma 阅读全文

摘要： ####1.鼠标样式 语法：选择器:{cursor:属性值} | 属性 |作用 | | | | | pointer | 小手样式 | |move|移动样式| |text|文本样式| |not-allowed|禁止样式| ####2.取消表单轮廓与拖曳文本域 语法 选择器:{outline: none 阅读全文

摘要： ####1.精灵图 #####1.1为什么使用精灵图 显示一张图片需要一条请求，显示n张图片需要n条请求 因此采用精灵技术，有效减少服务器发生和请求的次数，提高页面加载速度。 #####1.2使用精灵图核心 主要针对背景图，就是把多个背景图片整合到一张大图中 例如： 移动背景图片位置，此时可以用ba 阅读全文

摘要： ####display 用法： 1.display:none 不占有原先位置，隐藏元素 2.display:block 转换为块元素，并显示元素 后面应用极其广泛，搭配js可做很多的网页特效 ####visibility 1.hidden 占有原先位置，隐藏元素 2.visible 显示元素 ### 阅读全文