2023/5/21总结

因为之前高中学过一点点的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. 对于界面主要还是因为思路不稳导致,界面设计不合理。

 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Cisco Secure Web Appliance Virtual 15.0 发布 - 适用于网络安全的思科高级威胁防护

Cisco Secure Web Appliance Virtual, AsyncOS for WSA 15.0.0 LD 请访问原文链接&#xff1a;https://sysin.org/blog/cisco-secure-web-appliance-15/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 作者主页&#xff1a;sysin.org Cisco Secure Web Appli…

游资92科比到底牛在哪里?

昨天一天时间把92科比之前的一个帖子全部看完&#xff0c;从科比对情绪周期的把握来看那简直总结的已经是标准答案了&#xff0c;那么为何92科比公布了答案&#xff0c;还是有很多人“痛苦”的做不到&#xff1f; 这个问题我觉得跟退学炒股是一样的&#xff0c;退学先解决了小…

关于Jetpack DataStore(Preferences)的八点疑问

前言 DataStore是Android上一种轻量级存储方案&#xff0c;依据官方教程很容易就写出简易的Demo。 本篇主要是分析关于DataStore(Preferences)使用过程中的一些问题&#xff0c;通过问题寻找本质&#xff0c;反过来能更好地指导我们合理使用DataStore。 本篇内容目录&#xff…

Maven基础学习---5、其他核心概念

1、生命周期 1、作用 为了让构建过程自动化完成&#xff0c;Maven设定了三个生命周期。生命周期中的每一个环节对应构建过程中的一个操作。 2、三个生命周期 3、特点 前面三个生命周期彼此都是独立的在任何一个生命周期内部&#xff0c;执行任何一个具体环节的操作&#xff…

GC 三色标记算法(Go Java版本)

一、前言 GC全称Garbage Collection&#xff0c;目前主流的垃圾回收算法有两类&#xff0c;分别是追踪式垃圾回收算法&#xff08;Tracing garbage collection&#xff09;和引用计数法&#xff08; Reference counting &#xff09;。 而三色标记法是属于追踪式垃圾回收算法…

我出版了一本关于TikTok电商运营的书

回首2020年初&#xff0c;第一次在手机上下载TikTok的那个下午&#xff0c;我并没有意识到&#xff0c;未来三年多这个词会充满我的工作与生活。 那其实是非常幸福的一段时间&#xff0c;对TikTok的期待没有那么功利&#xff0c;每天刷一刷TikTok中的视频&#xff0c;再随手拍…

车辆合格证怎么转为结构化excel数据?

一、为何要将车辆合格证转为结构化excel&#xff1f; 车辆合格证是在车辆制造完成后&#xff0c;经过各项检测合格的证明。对于车辆行业来说&#xff0c;车辆合格证是一种重要的合规证明&#xff0c;在车辆的生产制造、售后服务、质量管理等各个环节中都有着重要的作用。同时&…

git pull报没有足够内存 not enough memory for initialization

git clone 或 git pull 批量同步远程 git仓库代码时&#xff0c;报 没有足够内存用于初始化 not enough memory for initialization。经过观察 资源管理器 的内存使用情况&#xff0c;发现为 剩余可用内存不足造成的。加物理内存麻烦&#xff0c;可通过适当调整 分页文件&…

软考知识点---08IP地址与域名地址

&#x1f4e2;博客主页&#xff1a;盾山狂热粉的博客_CSDN博客-C、C语言,机器视觉领域博主&#x1f4e2;努力努力再努力嗷~~~✨ 一、IP地址 &#xff08;一&#xff09;什么是IP地址&#xff1f; 连入互联网的计算机&#xff0c;每台计算机或者路由器都有一个由授权机构分配的…

煤矿电子封条实施方案 yolov7

煤矿电子封条实施方案采用YOLOv7网络模型算法技术&#xff0c;煤矿电子封条实施算法模型过将全国各省矿山实时监测数据&#xff0c;实现对全国各矿山及时有效的处理及分析。YOLOv7 的发展方向与当前主流的实时目标检测器不同&#xff0c;研究团队希望它能够同时支持移动 GPU 和…

零入门kubernetes网络实战-33->基于nat+brigde+veth pair形成的跨主机的内网通信方案

《零入门kubernetes网络实战》视频专栏地址 https://www.ixigua.com/7193641905282875942 本篇文章视频地址(稍后上传) 本文主要使用的技术是 nat技术Linux虚拟网桥虚拟网络设备veth pair来实现跨主机网桥的通信 1、测试环境介绍 两台centos虚拟机 # 查看操作系统版本 cat …

Unity3D安装:从命令行安装 Unity

推荐&#xff1a;将 NSDT场景编辑器 加入你的3D工具链 3D工具集&#xff1a; NSDT简石数字孪生 从命令行安装 Unity 如果要在组织中自动部署 Unity&#xff0c;可以从命令行安装 Editor 和其他组件。这些组件是普通的安装程序可执行程序和软件包&#xff0c;可以给用来自动部署…

圣墟传说H5手工端搭建架设教程

圣墟传说H5手工端搭建架设教程 大家好&#xff0c;我是艾西。今天给大家带来的游戏是由小说改编而来的大型玄幻MMORPG仙侠手游&#xff0c;也是比较老的游戏了虽然你可能没有怎么听过&#xff0c;但总会有一批喜欢的玩家热衷于它。 那么让我们直接进入正题开始操作&#xff1…

【状态估计】电力系统状态估计的虚假数据注入攻击建模与对策(Matlab代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…

云原生|Kubernetes Operator测试实例

目录 一、主要代码介绍 &#xff08;一&#xff09;变量定义&#xff1a; &#xff08;二&#xff09;测试程序入口 &#xff08;三&#xff09;before函数 &#xff08;四&#xff09;after函数 二、实际测试 &#xff08;一&#xff09;块划分 &#xff08;二&#x…

原神服务端搭建架设Centos系统

原神服务端搭建架设Centos系统 我是艾西&#xff0c;今天为大家带来原神服务端centos系统的教程 Step1. 准备工具 这个端在Windows、Linux系统上都可以跑&#xff0c;本次教程基于Linux。 准备如下工具&#xff1a; 服务器1台 centos7 系统 最低配置32核32G 公网联机 2. 手…

动态规划问题实验:数塔问题

目录 前言实验内容实验流程实验过程实验分析伪代码代码实现分析算法复杂度用例测试 总结 前言 动态规划是一种解决复杂问题的方法&#xff0c;它将一个问题分解为若干个子问题&#xff0c;然后从最简单的子问题开始求解&#xff0c;逐步推导出更复杂的子问题的解&#xff0c;最…

设计原则-单一职责原则

在编程大环境中&#xff0c;评价代码组织方式质量的好坏涉及到各个方面&#xff0c;如代码的可读性、可维护性、可复用性、稳定性等各个方面。而在面向对象语言中也可以通过以下各个方面&#xff1a; 类中方法的设计类中属性的设计类(接口、抽象类、普通类)的设计类与类之间的…

十万条数据,后端不分页咋办!(如何优化长列表渲染)

十万条数据&#xff0c;后端不分页咋办&#xff01;&#xff08;如何优化长列表渲染&#xff09; 长列表是什么&#xff1f; 我们通常把一组数量级很大的数据叫做长列表&#xff0c;比如渲染一组上千条的数据&#xff0c;我们以数组的形式拿到这些信息&#xff0c;然后遍历渲…

正点原子ALPHA开发板核心资源分析

目录 正点原子ALPHA开发板核心资源分析I.MX6ULL实物图对比SOC 主控芯片&#xff08;MCIMX6Y2CVM08AB&#xff09;NAND FLASHEMMCDDR3L 正点原子ALPHA开发板核心资源分析 I.MX6ULL实物图对比 I.MX6ULL NAND BTB 接口核心板资源图与 I.MX6ULL EMMC BTB 接口核心板资源图如上图&a…