suda哇-优快云博客

原创记录实战编码任务1

目录一、编码过程中遇到的问题1、在HTML中引入iconfont遇到的问题2.插入图片3.浮动问题二、具体实战成果我的代码我的成果图需改进的问题一、编码过程中遇到的问题1、在HTML中引入iconfont遇到的问题先进入iconfont官网选择你想要的iconfont，加入你的项目，进入项目之后生成链接（我习惯使用Font class方式，网上有其他方式引入HTML的方法）点击生成的代码，把它显示的内容复制到你自己的iconfont.css文件中，也可

2022-03-10 17:00:25 421

原创 CSS基础--掌握正常布局流特点

文章目录目录文章目录前言一、盒模型1.盒模型的各个部分2.CSS Box Sizing二、CSS布局1.display属性弹性盒子（Flexbox）Grid布局浮动2.定位技术（position）静态定位相对定位（relative）绝对定位（absolute）固定定位（fixed）粘性定位（sticky）3.表格布局4.多列布局2.读入数据总结前言学习并掌握盒模型基础概念,了解盒模型与替代模型的区别以及如

2022-03-09 21:48:43 740

原创 CSS基础--美化视觉效果

学习目标：学习如何将 web 字体应用到web页面，使用第三方服务，编写自己的代码。掌握字体溢出处理，和字体方向设置掌握 CSS 层次选择器，伪类选择器含义和用法实践并掌握 CSS 的颜色、字体、圆角边框等样式的定义方式实践并掌握掌握外边距，内边距设置实践并掌握列表和链接的样式美化。学习内容：字体1.Web字体web字体——它们允许您下载自定义字体和您的web页面，以允许更多不同的、自定义的文本样式。Web字体是一种CSS特性，允许您指定在访问时随您的网站一起下载的

2022-03-08 16:46:08 1238 4

原创 CSS基础--选择器定位

学习目标：学习层叠、优先级，以及在CSS中继承是如何工作的掌握 CSS 稍微复杂的一些选择器，还有背景，边框等一些 CSS 样式属性。进一步学习 CSS 选择器相关的知识学习内容：层叠与继承在某些时候，在做一个项目过程中你会发现一些应该产生效果的样式没有生效。通常的原因是你创建了两个应用于同一个元素的规则。cascade, 和它密切相关的概念是 specificity，决定在发生冲突的时候应该使用哪条规则。设计元素样式的规则可能不是期望的规则，因此需要了解这些机制是如何工作的。这里也有继承的

2022-03-03 18:13:46 1252

原创 CSS基础--颜色、字体、背景、边框等

学习目标：掌握 CSS 颜色，单位，注释等基本元素的使用方法学习内容：CSS基础1.颜色指定颜色是通过使用预定义的颜色名称，或 RGB、HEX、HSL、RGBA、HSLA 值。2.单位CSS 有几种表示长度的不同单位。许多 CSS 属性接受“长度”值，诸如 width、margin、padding、font-size 等。长度是一个后面跟着长度单位的数字，诸如 10px、2em 等。数字和单位之间不能出现空格。但是，如果值为 0，则可以省略单位。对于某些 CSS 属性，允许使用负的长

2022-03-02 20:26:35 6786

原创初识CSS基础

学习目标：掌握CSS基本概念及基本语法，对CSS有一个大致的了解。学习内容：CSS简介1.什么是CSSCSS 指的是层叠样式表* (Cascading Style Sheets)CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素CSS 节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在 CSS 文件中2.CSS用来干什么?一份文档是由标记语言组织起来的文本文件 —— HTML 是最常见的标记语言, 但你可能也听说过其他可标记语言，如 SVG 或 XML。CS

2022-03-01 17:23:44 252

原创 HTML基础--响应式图片

学习目标：学习实现一个响应式图像：根据显示设备的分辨率不同加载不同的类型的图片，防止带宽的浪费。同时，在改变设备类型或者分辨率时，能够及时加载对应的图片。学习内容：提示：这里可以添加要学的内容例如：1、搭建 Java 开发环境2、掌握 Java 基本语法3、掌握条件语句4、掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、周一至周五晚上 7 点—晚上9点2、周六上午 9 点-上午 11 点3、周日下午 3 点-下午 6 点学习产出：提示：这里

2022-03-01 11:48:39 780

原创 HTML基础--表单元素知识

学习目标：通过简单的实践，学习基本的 HTML FORM 标签，理解各种表单元素的使用场景，并且掌握表单一系列基本验证方式。学习内容：1.HTML表单HTML 表单用于搜集不同类型的用户输入。(1)<form>元素HTML 表单用于收集用户输入。<form>元素定义 HTML 表单：<form> ...form elements ...</form>表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。(2

2022-02-22 18:42:41 4299

原创 HTML基础--表格相关知识

学习目标：希望能够通过简单的实践，更加清楚地掌握表格更多高阶知识，比如像表格的标题/摘要，以及将你表格中的各行分组成头部、正文、页脚部分，能更加熟练的运用表格元素展示我们丰富的数据.学习内容：什么是表格表格是由行和列组成的结构化数据集(表格数据)，它能够使你简捷迅速地查找某个表示不同类型数据之间的某种关系的值。1.HTML表格高级特性和可访问性(1)使用 <caption>为你的表格增加一个标题标题意味着包含对于表格内容的描述，这对那些希望可以快速浏览网页中的表格对他们是否有帮

2022-02-20 17:53:46 738

原创 HTML学习--文字高级格式化

学习目标：今天将更加深入学习标签的语义化，知道什么时候他应该用什么标签，让网页更具有可读性，而不是一堆没有意义标签的堆砌。并在此学习的基础上，进行实战练习，完成一篇在线博客文章。学习内容：语义化是对文本内容的结构化，选择合乎语义的标签，便于开发者阅读，维护写出更优雅的代码，让浏览蓝旗的爬虫和辅助技术能够更好的解析。1.HTML语义HTML 中，例如，<h1>元素是一个语义化元素，赋予了它包裹着的文本“这个页面中最高级别标题功能“的角色 (或含义) 。<h1>This

2022-02-19 19:49:34 495

原创 HTML练习--做一个在线简历

学习目标：1.学习掌握HTML基础知识2.完成在线简历的制作学习内容：1. <h1>~<h6>: HTML 部分标题元素HTML元素<h1>~<h6>代表标题的六个部分级别。<h1>是最高的部分级别，<h6>是最低的。<h1>Heading level 1</h1><h2>Heading level 2</h2><h3>Heading level 3</

2022-02-18 21:10:53 635

原创 HTML基础知识

HTML基础知识本篇文章主要对前端部分中的HTML的基本内容进行介绍文章目录HTML基础知识一、HTML是什么？二、HTML标签&属性1.HTML标签2.HTML属性三、HTML文档结构1.The DTD (<!DOCTYPE> declaration)2.The main container (<html> element)3.The head section (<head> element)4.The body section (<body>

2022-02-17 18:12:35 301

原创 Web前端基础篇

Web前端基础篇基本要素HTMLCSSJavaScriptDOMDOM & JavaScriptHTML & HTML5基本要素HTML就其核心而言， HTML 是一种相当简单的、由不同元素组成的标记语言，它可以应用于文本片段，使文本在文档中具有不同的含义（它是一个段落吗？它是一个项目列表吗？它是一个表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。CSS层叠样式表 (CSS) 是一种用于向 Web 文档添加样

2022-02-16 16:51:56 404

原创 Android Studio实现蓝牙聊天通讯

Android Studio实现蓝牙聊天通讯我的项目项目源码程序截图开发流程创建项目通信原理Android Studio近距离通信：Bluetooth蓝牙工作流程蓝牙通信API代码阶段蓝牙通信添加权限查找设备获取查找结果设备绑定官方文档参考此次blog续之前的完善类微信开发，在第一个fragment：微信板块添加蓝牙聊天功能！我的项目项目源码码云: 项目代码GitHub：项目代码程序截图本次项目调试，我采用的是AS真机调试1（AS真机调试流程详见注释1）开发流程创建项目

2020-05-31 21:57:51 2223 3

原创 Android Studio实现百度地图定位（保姆级教程，包你会）

Android Studio实现百度地图定位功能我的项目项目源码程序截图开发流程创建项目查看官方文档进入Android地图SDK获取密钥Android Studio工程配置代码阶段做关于位置或者定位的app的时候免不了使用地图功能，本人最近由于项目的需求需要使用百度地图的一些功能，所以这几天研究了一下，现写一下blog记录一下，欢迎大家评论指正！我的项目项目源码码云: 项目代码GitHub：项目代码程序截图本次项目调试，我采用的是AS真机调试1（AS真机调试流程详见注释1）开发流程

2020-05-24 18:42:22 13827 11

原创 Android Studio如何进行真机调试

Android Studio真机调试手机部分AS部分手机部分以下以个人手机为例打开USB调试进入设置->系统->开发人员选项->打开USB调试数据线连接手机和电脑选择正确模式（以下以我手机为例，不同手机不同模式）不要选择充电模式，确保电脑和手机可以进行传输AS部分此时切换到AS，即可看到自己的手机设备，点击运行，在手机上安装APP，即可运行有人说连接手机之后还需要在AS进行一些配置操作，但我在调试的时候，直接显示了我的手机设备，可能与AS版本有所不同，以上教

2020-05-24 18:25:16 16907 3

原创 Android完善类WeChat开发

Android WeChat通讯录界面的完善前言附上项目链接????基本功能开发参考项目运行效果截图项目核心代码????附上项目链接????项目总结✔前言本blog基于本人的第1、2个blog，完成类WeChat安卓开发的通讯录部分…附上项目链接???? Gitee: WeChat_Demo Git:WeChat_Demo基本功能添加联系人：点击上部按钮，弹出“用户信息输入”的对话框，输入信息后...

2020-04-30 00:53:26 577

原创 Android Studio运用MySQLite

MySQLite_Demo项目总结前言附上项目链接????基本功能开发参考项目运行效果截图项目核心代码????附上项目链接????项目总结✔前言使用Android Studio工具，实现SQLite数据库的CRUD。附上项目链接???? Gitee: MySQLite_Demo Git:MySQLite_Demo基本功能增加：输入相应姓名、年龄，点击“添加”按钮，数据插入到数据库并在下方展示；...

2020-04-27 14:50:47 653

原创 Android Studio完成音乐盒demo

Android Studio完成音乐盒demo前言附上项目链接????基本功能开发参考项目运行效果截图项目核心代码????附上项目链接????项目总结✔前言使用Android Studio工具，利用其中的Service和Broadcast机制完成一个音乐盒demo。附上项目链接???? Gitee: MusicBox_Demo Git:MusicPlayer_Demo基本功能音乐盒demo实现的功能基...

2020-04-18 14:06:50 1682

原创 RecyclerView完善类微信开发主界面

占位

2020-03-26 21:46:37 443

原创类微信移动开发Demo

WeChat_Demo：类微信移动开发小白的第一次移动程序开发附上git上的项目链接????背景介绍前期准备项目结构Git/Gitee上管理项目项目运行效果截图我Git上的项目????项目总结✔小白的第一次移动程序开发PS:这是一位开发小白的第一篇blog之前没有过安卓开发经验，本学期选了移动互联网开发课程，希望可以给自己带来一些开发经验，真正的锻炼一下自己的开发能力，因为是第一次写blog，写的不好请...

2020-03-13 17:21:17 484