2023/5/21总结

news2024/11/25 4:32:23

因为之前高中学过一点点的html。虽然不是很多,但是有一点点基础,看了一些关于html的知识点,算是复习了,如果后面忘记打算再去查。

html是超文本标记语言,通常由<></>构成,当然也有单标记,大部分是双标记。

学习css:

css是层叠样式表,是用来设置html语言的样式,使用css能够对html进行更好的样式设置。

css选择器:

标签选择器:

因为html有很多标签,比如<p>,<button>,<ul>等,可以直接使用标签选择器来指定该html中所有使用该标签的样式。大概就是这样:

 id选择器:

id选择器需要带#号,在标签<p>,<button>这里,可以对它们起一个名称。id="名称",这样的。

 类选择器:

类选择器是根据标签的class属性匹配的html标签,是以‘.’点号开头,class 可以指定多个属性值,如果出现冲突,会优先使用后面的。可以指定标签的选择器,就是在点好前面加上你所需要用到的标签,比如p.color,就只会对p标签的color属性值来调用样式。

 后代选择器

关于选择器,可以嵌套使用,称为后代选择器。在写的时候注意自己的嵌套层次去写就可以。

子选择器

如果只有一层称为子选择器,用  >  来表示,比如<p> <em>……</em></p>,如果省略号所代表的还有标签,是不会被影响的,只会影响直接子关系,也就是<em></em>

相邻兄弟选择器

如果俩个标签选择器 中间使用的是 号,这是代表相邻兄弟选择器。它们拥有同一个父级元素并且不存在嵌套关系。选择器会匹配到加号后面的标签。

通用兄弟选择器

如果使用的是  ~  叫做通用兄弟选择器,这个会匹配到同一级父级元素下的兄弟元素,并不一定需要紧邻。

分组选择器

分组选择器可以避免定义重复样式。选择器直接用逗号隔开。

属性选择器

属性选择器,用来匹配具有特定属性的元素,需要在标签的后面使用   [ ]   来指定标签具有的属性信息。[]里面可以用来检查是否有该属性。

=是确切的值

*=检查是否包含

^=检查是否以局部开始

$=检查属性是否以1部分内容结束

|=检查属性是否以局部开始,并且后面带有破折号

~=检查是否包含,并且与其他部分用空格隔开

如果想要模糊大小写,可以在[]括号后面加一个i,表示不区分大小写。

伪类选择器

这个选择器,是以   :   开头设置。

用来设置选择特定状态的元素,比如设置鼠标悬浮在元素上,会表现的更加灵活。

然后就是了解到选择器是有一个优先级的:

并且越精确的选择器优先级越高,还有一个权值计算,如果存在分组选择器和另外一个分组选择器所包含的选择器,会优先选择分组选择器。

如果在选择器之后加   !important ,有一句话是这样说的,使用这个会访问到你的祖宗十八代。这个优先级最高。会破坏你的父结构的css。

css引用方式:

内联样式:

在对应的标记后面写上style="需要设置的语句"。

 内嵌样式表:

在<head></head>里面定义<style></style>,在style里面写上对应的选择器

外部样式表:

外部样式表是新建一个后缀名称为.css的文件,使用html里面的<link>标记将它引入到html文档中。

这是我的css文件

 

 这是我写的html对应的代码:

 导入样式表

使用@import来引用样式表,import语句需要放在其他style属性之前。

然后就是学长让我们对项目做一个总结:

项目总结

  • 出现的问题以及解决方案
  1. 在写项目时遇到异常直接alt+enter自动解决,而并没有关注解决方案。导致异常全部抛出。后面找不到出错的点。

解决方案:

在习惯性alt+enter时,需要注意看,并且有异常必须全部打印出来。

2.写项目的时候,没有做好分包,导致后面分包的时候,全是红色波浪线,并且fxml文件的路径全部出错(因为写的是相对路径,后面改的时候,全部加载不出来)。

解决方案:

尽量养成写决定路径的习惯。并且了解如何正确分包。

3.对项目并没有先了解大致的思路再去写,之前把服务器的那些功能全部写在了客户端,导致后面大改。也没有使用泛型去写消息类,也是对项目进行了大改。

解决方案:

下次写项目的时候,可以多问问,对项目的整体有了一个构思再去动笔,而不是直接就上去干。

4.在写项目时,遇到很多异常,但是却没有找对方法去对症下药。导致一个异常能卡几天。

解决方案:

需要学会识别异常,学会使用debug去调试。

5.因为经常对项目进行大改,还没改对,导致之前对的版本也失去了。

解决方案:

需要学会使用git来保存项目版本。

6.因为界面设置的不合理,导致按钮加不进去,并且界面很丑和凌乱。

解决方案:

需要先做好项目思路,再去设计界面,而不是一边做一边设置界面,导致整体垮掉。或者可以参照现有的软件看看它们是怎么设计界面的。

  • 分析
  1. 写的代码有点过于冗余。
  2. 在写的时候通常都没有思路。
  3. 学习的时候有点急于求成。
  4. 界面写的并不好看。

改进:

  1. 多多使用泛型并且做好代码的封装。
  2. 每次写功能点之前,先把思路写在文档上,梳理清楚再开始。
  3. 学习的时候需要静下心来,不要急于求成,导致基础不稳倒下来。
  4. 对于界面主要还是因为思路不稳导致,界面设计不合理。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/552410.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

chatgpt赋能Python-python5__2

Python中整除运算符 // 的用法和重要性 在Python中&#xff0c;整除运算符 // 有着广泛的应用&#xff0c;特别是在数据分析、科学计算、金融量化、游戏开发等领域中&#xff0c;它是很重要的基础运算符。 什么是整除运算符 //&#xff1f; 整除运算符 // 是Python中的一种二…

chatgpt赋能Python-pythonbmi

Python计算BMI - 计算和判断你的身体状况 BMI&#xff0c;即Body Mass Index&#xff0c;中文翻译为“身体质量指数”&#xff0c;是目前世界上公认的反映体重是否正常的最权威的指标之一。 计算BMI可以帮助我们判断自己的身体状况&#xff0c;是如今非常流行的健康指标之一。…

【iOS】SDWebImage源码学习--未完

SDWebImage的主要功能及相关知识点 SDWebImage是一个流行的第三方库&#xff0c;用于在iOS和macOS应用程序中异步下载和缓存图像。它提供了一种简单而强大的方式来处理网络图像加载和缓存&#xff0c;具有以下主要功能&#xff1a; 异步下载&#xff1a;SDWebImage使用多线程…

MyBatis中动态SQL的使用和注意事项说明

文章目录 0、前言1、if2、where3、trim4、choose-when-otherwise5、foreach应用场景1&#xff1a; 通过数组实现批量删除应用场景2&#xff1a; 通过list集合实现批量添加 6、include抽取公共SQL片段 0、前言 MyBatis框架动态SQL技术是根据特定的条件拼接SQL语句的功能&#x…

【计算机图形学】曲线和曲面

模块5 曲线和曲面 一 实验目的 编写曲线和曲面的算法 二 实验内容 1&#xff1a;绘制Bezier曲线&#xff0c;并采用自行设计输入和交互修改数据点的方式。 实验结果如下图所示&#xff1a; 第一步&#xff1a;输入特征多边形的顶点个数&#xff0c;并按照顺序输入顶点的坐…

《心静的力量》读书笔记

让心静下来&#xff0c;战胜一切忧虑 于我们每个人而言&#xff0c;最重要的就是不要去看远方模糊不清的事&#xff0c;而要做手边真实清楚的事。 明天的重担&#xff0c;加上昨天的重担&#xff0c;会成为今天的最大障碍&#xff0c;要把未来同过去一样紧紧地关在门外……未…

将MetaHuman的身体替换为虚幻商城模型的身体

一、准备好MetaHuman模型和虚幻商城模型 1.准备好MetaHuman模型,参考这篇文章 虚幻商城模型转MetaHuman制作MetaHuman并导入UE,同时复制一个MetaHuman模型 2.下载虚幻商城的原始模型,并导入UE 二、将虚幻商城模型的头去掉 1.打开虚幻商城的模型,找到分段 2.在右边点击…

chatgpt赋能Python-pythonapp开发

PythonApp开发&#xff1a;为什么选择Python实现&#xff1f; Python是当今最流行的编程语言之一&#xff0c;尤其在Web应用开发和数据分析领域更是大有作为。本文将探讨Python在App开发领域中的表现&#xff0c;为什么Python可以成为您理想的选择&#xff1f; 1. 简单易学 …

深度学习基础入门篇[8]::计算机视觉与卷积神经网络、卷积模型CNN综述、池化讲解、CNN参数计算

【深度学习入门到进阶】必看系列&#xff0c;含激活函数、优化策略、损失函数、模型调优、归一化算法、卷积模型、序列模型、预训练模型、对抗神经网络等 专栏详细介绍&#xff1a;【深度学习入门到进阶】必看系列&#xff0c;含激活函数、优化策略、损失函数、模型调优、归一化…

leetcode--优先队列

2163,删除元素后的最小差值 给你一个下标从 0 开始的整数数组 nums &#xff0c;它包含 3 * n 个元素。 你可以从 nums 中删除 恰好 n 个元素&#xff0c;剩下的 2 * n 个元素将会被分成两个 相同大小 的部分。 前面 n 个元素属于第一部分&#xff0c;它们的和记为 sumfirst …

RabbitMQ如何保证顺序性

1. RabbitMQ消息顺序性说明 顺序性&#xff1a; 消息的顺序性是指消费者消费到消息和发送者发布的消息的顺序是一致的 举个例子&#xff0c;不考虑消息重复的情况下&#xff0c;如果生产者发布的消息分别为msg1、msg2、msg3 那么消费者必然也是按照 msg1、msg2、msg3 的顺序来…

【数据结构】--- 博主拍了拍你并向你扔了一“堆”二叉树(堆的概念+结构+代码实现)

文章目录 前言&#x1f31f;一、二叉树的顺序结构及实现&#xff1a;&#x1f31f;二、堆的概念及结构&#xff1a;&#x1f31f;三、堆的代码实现&#xff1a;&#x1f30f;3.1 堆的创建&#xff1a;&#x1f30f;3.2 堆的结构&#xff1a;&#x1f30f;3.3 初始化&#xff1a…

Spring Security 如何实现身份认证和授权?

Spring Security 是一个开源的安全框架&#xff0c;提供了基于权限的访问控制、身份认证、安全性事件发布等功能。在 Spring Boot 应用中使用 Spring Security 可以非常方便地实现用户身份认证和授权。 Spring Security 实现身份认证的主要方式是使用认证过滤器链&#xff0c;…

C语言入门级小游戏——扫雷

文章目录 游戏思路游戏文件的创建游戏菜单棋盘的创建初始化棋盘打印棋盘 布置雷排查雷game.h —— 游戏函数的声明game.c —— 游戏函数的实现test.c —— 游戏的测试 今天我们写一个小游戏——扫雷来增加我们对编程的兴趣 希望这篇文章对友友们有帮助! 游戏思路 游戏文件的创…

Linux:iptables防火墙(SNAT和DNAT)

Linux&#xff1a;iptables防火墙 一、SNAT策略及应用1.1 SNAT原理1.2 SNAT应用 二、DNAT策略及应用2.1 DNAT原理2.2 DNAT应用 一、SNAT策略及应用 1.1 SNAT原理 SNAT 应用环境&#xff1a;局域网主机共享单个公网IP地址接入Internet&#xff08;私有不能在Internet中正常路由…

MySQL数据库笔记——进阶篇

文章目录 存储引擎MySQL体系结构存储引擎简介InnoDB介绍MyISAMMemory 存储引擎的选择小结 索引概述索引结构概述BtreeBTreeHash 存储引擎 MySQL体系结构 连接层&#xff1a; 最上层是一些客户端和链接服务&#xff0c;主要完成一些类似于连接处理、授权认证、及相关的安全方案…

《计算机网络—自顶向下方法》 Wireshark实验(十):NAT 协议分析

NAT&#xff08;Network Address Translation&#xff09;网络地址转换&#xff0c;即在私有地址和全局地址之间转换的协议。私有地址是不能用在 Internet 上(路由器将丢弃寻址这种地址的包)的内部地址。这些地址是不能够在公网上面用的&#xff0c;只能用在局域网的内部。私有…

win安装Nodejs

文章目录 1、安装环境2、安装步骤3、更换npm源为淘宝镜像4、更多node版本下载 1、安装环境 node.js下载官网: nodejs官网 点击选中图标下载即可&#xff1a; 2、安装步骤 1、双击安装包&#xff0c;一直点击next 2、点击change按钮&#xff0c;更换到自己的指定安装位置&…

基于fpga的图像处理之3x3_5x5算子模板中值排序

本文的思路框架&#xff1a; ①本文介绍3x3算子模块和5x5算子模块中&#xff0c;矩阵转化成串行数据后&#xff0c;对其排序&#xff0c;并获取矩阵中值数据&#xff1b; ②本例程中采用的FPGA设计技巧&#xff0c;可用于借鉴&#xff0c;一是采用for循环实现串行数据转化并行数…

vite创建vue2项目

使用vite首先需要注意官方给出的兼容性注意 Vite 需要 Node.js 版本 14.18&#xff0c;16。然而&#xff0c;有些模板需要依赖更高的 Node 版本才能正常运行&#xff0c;当你的包管理器发出警告时&#xff0c;请注意升级你的 Node 版本。 1.初始化vite项目 输入以下命令&#…