• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

墨染一生

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

2021年11月2日

京东移动端首页案例

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

posted @ 2021-11-02 21:37 墨染一生 阅读(257) 评论(0) 推荐(0)

移动端开发

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

posted @ 2021-11-02 20:28 墨染一生 阅读(193) 评论(0) 推荐(0)

2021年11月1日

移动端基础

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

posted @ 2021-11-01 22:38 墨染一生 阅读(54) 评论(0) 推荐(0)

2021年10月28日

2d-3d转换

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

posted @ 2021-10-28 13:13 墨染一生 阅读(268) 评论(0) 推荐(0)

2021年10月22日

品优购

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

posted @ 2021-10-22 22:49 墨染一生 阅读(277) 评论(0) 推荐(0)

2021年10月21日

css3新属性

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

posted @ 2021-10-21 23:07 墨染一生 阅读(60) 评论(0) 推荐(0)

2021年10月19日

常见布局技巧

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

posted @ 2021-10-19 22:59 墨染一生 阅读(77) 评论(0) 推荐(0)

用户界面

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

posted @ 2021-10-19 22:02 墨染一生 阅读(107) 评论(0) 推荐(0)

2021年10月17日

精灵图等

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

posted @ 2021-10-17 22:31 墨染一生 阅读(48) 评论(0) 推荐(0)

元素的显示与隐藏

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

posted @ 2021-10-17 20:54 墨染一生 阅读(57) 评论(0) 推荐(0)

下一页
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3