- 博客(15)
- 收藏
- 关注
RSS订阅原创 蓝旭春季培训——浮动、定位、伪类、伪元素
蓝旭培训——浮动、定位、伪类、伪元素文档流浮动float属性父元素坍塌问题clear属性overflow 属性定位position属性z-index伪类锚伪类简单的工具提示悬停:first-child 伪类:lang 伪类文档流文档流（normal flow）是相对于盒子模型讲的，是在浏览器中的规则：块状元素从上到下排序，行内元素和行内块从左到右排序。浮动float属性作用：div实现横向多列布局left—左浮动right—右浮动none—不浮动inherit—元素继承其父级的 flo
2022-04-22 20:00:47
524
原创 蓝旭前端自学自讲——移动端web开发
蓝旭前端自学自讲——移动端web开发移动web开发布局流式布局（百分比布局）flex弹性布局less+rem+媒体查询lessrem适配布局媒体查询响应式布局 兼容移动端Meta标签打电话发短信css3过渡动画开启硬件加速移动端click屏幕产生200-300 ms的延迟响应图片优化base64编码图片替换url图片图片压缩图片懒加载img还是background移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下
2021-09-15 10:35:45
151
原创 蓝旭前端自学自讲——Git和Nginx
蓝旭前端自学自讲——Git和NginxGit集中式与分布式的区别git的工作原理工作流程配置git环境创建本地空仓库新建文件添加到本地仓库Nginx正向代理反向代理负载均衡工作原理工作流程常用命令Git集中式与分布式的区别除了git还有svn、cvs这样的版本控制系统，它们的区别在于一个是分布式一个是集中式集中式就是svn和csv这样的版本控制系统，分布式是git区别在于集中式的版本控制系统每次在写代码时都需要从服务器中拉取一份下来，并且如果服务器丢失了，那么所有的就都丢失了，你本机客户端仅保存当
2021-09-05 10:41:37
326
原创 蓝旭前端第七周预习——BOM
蓝旭前端第七周——BOMBOM 浏览器对象模型（Browser Object Model）Window 对象窗口尺寸其他窗口方法window.screen 对象属性window.location 对象属性window.history 对象方法window.navigator 对象属性方法警告JavaScript 弹出框警告框确认框提示框折行BOM 浏览器对象模型（Browser Object Model）BOM允许 JavaScript 与浏览器对话,但不存在浏览器对象模型（BOM）的官方标准,现代的浏
2021-05-27 11:24:50
185
1
原创 蓝旭前端第六周预习——DOM
蓝旭前端第六周预习——DOMDOM简介DOMXML DOMHTML DOMHTML DOM 节点HTML DOM 方法getElementById 方法innerHTML 属性HTML DOM 文档HTML DOM Document 对象查找HTML元素改变HTML元素添加和删除元素添加事件处理程序查找HTML对象HTML DOM 元素查找 HTML 元素通过 id 查找 HTML 元素通过标签名查找 HTML 元素通过类名查找 HTML 元素通过 CSS 选择器查找 HTML 元素通过 HTML 对象集合
2021-05-23 11:35:54
290
1
原创 蓝旭前端第四周预习——定位+浮动+伪类+伪元素
蓝旭第四周预习——定位+浮动+伪类+伪元素定位网页布局定位机制position属性浮动float属性clear属性伪类伪元素定位网页布局定位机制文档流 flow浮动 float层 layerposition属性浮动float属性作用：div实现横向多列布局left—左浮动right—右浮动none—不浮动特点：clear属性伪类伪元素...
2021-05-06 16:51:58
205
原创 蓝旭前端第三周预习——CSS基础+选择器+盒子模型
蓝旭前端第三周预习——CSS基础+选择器+盒子模型CSS基础CSS语法CSS添加方式CSS样式文本单位颜色属性背景超链接列表（list）表格大小边框奇偶选择器CSS选择器标签选择器类别选择器ID选择器(唯一性)嵌套声明集体声明全局声明混合盒子模型组成属性CSS基础Cascading Style Sheets层叠样式表：内容和样式相分离，便于修改样式CSS语法p(选择器){ color(属性名):blue(属性值); /*文字颜色*/(注释，可跨行) }CSS添加方式行内：在HTML文件
2021-04-27 23:37:50
179
原创 蓝旭前端第二周预习———HTML标签+如何查看控制台
蓝旭前端第二周预习———HTML标签+认识浏览器HTML标签文档文档生成文档结构标签语法基本标签HTML标签文档文档生成VScode中“文件”=》“新建文件”=》右下角选择语言模式为HTML=》输入‘!’（半角字符）‘enter’=》生成基础文档<!DOCTYPE html>文档类型：符合HTML5标准<html lang="en">lang属性：搜索引擎(en英文 zh中文)<head> <meta charset="UTF-8"> &
2021-04-23 20:35:39
341
转载 CSDN-Markdown编辑器使用
Markdown编辑器使用欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用
2021-04-15 21:29:43
54
原创 蓝旭前端第一周预习——认识前端+VScode插件安装（附Markdown语法学习）
蓝旭前端预习第一周——认识前端+VScode插件安装（附markdown语法学习）Markdown语法学习菜鸟教程Markdown标题Markdown段落格式段落字体分割线删除线下划线脚注[^2]Markdown列表Markdown语法学习菜鸟教程Markdown标题1、使用 = 和 - 标记一级和二级标题=单独一行在一条文字下，该文字显示一级标题；-单独一行在一条文字下，该文字显示二级标题。2、使用 # 号标记1-6级标题一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。Mar
2021-04-15 21:25:45
124
原创 Markdown语法学习
Markdown语法学习Markdown语法学习菜鸟教程Markdown标题Markdown段落格式段落字体分割线删除线下划线脚注[^2]Markdown列表无序列表有序列表列表嵌套[^3]Markdown区块区块区块嵌套区块中使用列表列表中使用区块[^5]Markdown代码代码片段代码区块Markdown链接普通链接高级链接Markdown图片Markdown表格Markdown高级技巧支持的 HTML 元素转义公式[^9]CSDN自带教程Markdown语法学习菜鸟教程Markdown标题1、
2021-04-15 12:15:38
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人