2023/5/25总结

news2024/11/18 6:34:29

学习CSS

list-style:none

去掉无序列表的带有的样式,比如原点。

border-radius:length

设置圆角,也可以写%,不一定需要些半径大小,也可以顺时针写半径大小,就会出现四个顶点不一样的圆角。或者写:border-top-left-radius  border-top-right-radius  border-bottom-left-radius  border-bottom-right-radius.  分开设置

如果想写一个圆形的块元素可以这样:

 设置阴影

box-shadow:带下面的参数,例子:

 设置文字阴影

text-shadow,用法和上面差不多。

CSS 浮动:

标准流无法完成布局效果,此时需要浮动来完成布局,因为浮动可以改变元素标签的默认排列方式。

多个块级元素纵向排列时标准流,多个块元素横向排列是浮动。

float

none:不浮动,left:左浮动,right:右浮动

如果写的是left,会将它移动到左边,直到左边缘或者右边缘,或者已经有一个浮动框的边缘。加了这个特性之后,浮动元素都会具有行内块元素的特性。任何元素都可以浮动。

浮动会产生影响,比如盖住元素。但是不是盖住标准流。

清除浮动

我们往往需要清除浮动,是因为标准流的高度是可以改动的,如果我们指定高度,会出现不适应的情况,所以我们需要清除浮动,来让父级标签自适应子级标签的高度。或者子盒子浮动了导致界面不好看以及影响了后面的布局。

clear

both 同时清除左右浮动,left清除左浮动,right清除右浮动。

在最后面的一个元素加上了一个块元素,设置了取出浮动。

额外标签法

父级标签加上overflow属性

overflow 的属性有 hidden  auto  scroll    设置为hidden即可。 缺点:无法解决溢出。

父级标签加上after属性

加上下面这段代码:并且在父级标签添加该选择器

 确定:照顾了低版本浏览器,第二个选择器是为了兼容ie浏览器。

父级标签添加双伪元素

 添加即可。

跟着视频做了一个网站的首页:

往下拉:

这个视频当中学到了很多知识,比如关于浮动,关于margin和padding,还有块级元素的摆放和网页的布局。

刷题:

写了一个题:

第五周任务 - Virtual Judge (vjudge.net)

1.这个题底面也是算面积的,这是一个坑。

2.然后就是我们可以分开看,分成上下,前后,左右来看,分别累加。

3.记录第一个的所有面积,后面的只有在比它大于的时候再添加相应的面积即可。

#include<stdio.h>
#include<math.h>
#define MaxSize 1010
int a[MaxSize][MaxSize];
int main()
{
	int n,m;
	scanf("%d%d",&n,&m);
	int i,j;
	int res=0;
	for(i=1;i<=n;i++)
	{
		for(j=1;j<=m;j++)
		{
			scanf("%1d",&a[i][j]);
			if(a[i][j]) res++;
		}
	}
	//从第一个开始,每一个都看看
	//它们的上面和左边
	
	
	for(i=1;i<=n;i++)
	{
		res+=a[i][1];
		for(j=2;j<=m;j++)
		{
			if(a[i][j]>a[i][j-1])
			{
				res+=a[i][j]-a[i][j-1];
			}
		}
	}
	
	for(j=1;j<=m;j++)
	{
		res+=a[1][j];
		for(i=2;i<=n;i++)
		{
			if(a[i][j]>a[i-1][j])
			{
				if(a[i][j]>a[i-1][j])
				{
					res+=a[i][j]-a[i-1][j];
				}
			}
		}
	}
	
	printf("%d\n",res*2);
	
	return 0;
}

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

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

相关文章

chatgpt赋能python:Python写Log的技巧与最佳实践

Python 写 Log 的技巧与最佳实践 在编写 Python 应用程序时&#xff0c;日志记录&#xff08;Logging&#xff09;是一项非常重要的功能&#xff0c;尤其是在调试或部署过程中。本文将介绍一些 Python 写 Log 的技巧和最佳实践&#xff0c;以帮助你更好地处理日志记录并提高应…

Java的String(字符串详解)

字符串 1.字符串的常见构造方法 主要有三种&#xff0c;一种是直接使用常量去构造&#xff0c;要么使用new String来构造&#xff0c;或者还可以使用字符数组的形式。 public static void main(String[] args) { // 使用常量串构造 String s1 "hello"; System.ou…

order by排序语句的用法

文章目录 学习连接语法用法示例1、按单个列的值排序2、按多个列的值排序3、按指定的规则排序4、按中文拼音字母顺序5、Order by和where条件共用 数据库中常用order by关键字对结果集进行排序&#xff0c;又可使用desc和asc来进行指定规则的排序。 学习连接 数据库&#xff1a;…

chatgpt赋能python:单行for循环:Python编程的神器

单行for循环&#xff1a;Python编程的神器 Python是一门功能强大的编程语言&#xff0c;其中的单行for循环功能更是让它的编程效率倍增。在本文中&#xff0c;我们将探讨单行for循环是如何提升编程效率的。 什么是单行for循环 单行for循环是一种简单而强大的编程方式。它可以…

【利用AI让知识体系化】V8引擎相关知识

文章目录 I. 引言V8引擎的背景和概述 II. V8的设计和工作原理V8的整体设计V8的工作流程和运行机制V8在浏览器中的应用场景 III. 内存管理内存模型和内存管理策略垃圾回收机制和算法内存泄漏和内存优化 IV. JIT编译器JIT编译器的作用和优势V8的编译流程和编译器类型编译器优化技…

make的路径搜索

文章目录 前言一、VPATH二、vpath三、vpath 与 VPATH 的差别四、GPATH 用法总结 前言 在大型软件项目中&#xff0c;通常会存在多个目录&#xff0c;包含有源代码、头文件、库文件等不同类型的文件。在编译或链接时&#xff0c;需要指定相应的文件路径才能正确地进行构建。但是…

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

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

css3新增特性

1. 初始化 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, …

怎么通过ecs云服务器来给小程序发送消息

如果您想通过 ECS 云服务器向小程序发送消息&#xff0c;可以使用 WebSocket 技术。具体步骤如下&#xff1a; 1. 在 ECS 云服务器上搭建 WebSocket 服务器。您可以使用 Node.js、Java、Python 等编程语言来实现 WebSocket 服务器&#xff0c;具体实现方式可参考相关技术文档或…

Java笔记——KMP算法

KMP算法 文章目录 KMP算法KMP算法介绍主要逻辑Next数组KMP搜索代码解释生成next数组模式串匹配 源码展示 KMP算法介绍 KMP算法是一种串的模式匹配算法&#xff0c;用来求子串在主串的位置。是数据结构中比较难的一种算法。KMP算法的核心在于点在于如何利用子串生成next数组&am…

vim的使用、vim入门的三种常用模式、以及vim中常用的命令(超详细)

vim 入门的三种常用模式&#xff1a;分别是 1. 命令模式、2. 插入/编辑模式、3. 底行模式 1. 命令模式 控制屏幕光标的移动&#xff0c;字符、字或行的删除&#xff0c;移动复制某区段及进入Insert mode下&#xff0c;或者到 last line mode 如下&#xff0c;这个就是命令模式…

Numpy入门看这一篇就够了【史上入门最简单,开袋即食】

一边学习一边分享&#xff0c;好记性不如烂笔头 目录 一边学习一边分享&#xff0c;好记性不如烂笔头 NumPy问题思考&#xff1a; numpy是什么&#xff1f; 为什么要学习numpy&#xff1f; numpy是怎么组成的&#xff1f;特点是什么&#xff1f; numpy的应用场景有哪些&a…

css定位模式

1. 为什么需要定位&#xff1f; <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"…

自动化专业求职方向与前景分析(合集)

自动化专业求职方向与前景分析 自动化专业求职方向 自动化专业是近几年高校教育改革中几个控制类专业合并后形成的宽口径专业&#xff0c;其实自动化就是搞控制的&#xff0c;用老师的话说就是控制一切可以控制的物理量&#xff0c;还说学自动化的人都要有控制的欲望。所谓控制…

Augmented Language Models(增强语言模型)

Augmented Language Models: A Survey 先上地址&#xff1a;https://arxiv.org/pdf/2302.07842.pdf 概率论难以支撑通用人工智能技术的诞生。—— Yann LeCun LLMs取得的巨大进展不再多说&#xff0c;它目前被诟病最多的问题是其会提供非事实但看似可信答案&#xff0c;即幻觉…

数组排序——从荷兰国旗问题到快速排序

本文首先将会介绍荷兰国旗问题&#xff0c;再讲述如何从该问题过渡到快速排序。 荷兰国旗问题 荷兰国旗问题&#xff08;Dutch National Flag Problem&#xff09;是由荷兰计算机科学家Edsger Dijkstra所提出&#xff0c;该问题的描述如下&#xff1a; 给定n个红、白、蓝三种颜…

JNDI学习笔记

最近在研究JNDI注入漏洞&#xff0c;就先浅浅的学习以下JNDI相关知识。 JNDI对各种目录服务的实现进行抽象和统一化。 在 Java 应用中除了以常规方式使用名称服务(比如使用 DNS 解析域名)&#xff0c;另一个常见的用法是使用目录服务作为对象存储的系统&#xff0c;即用目录服务…

SpringBoot --- 基础篇

一、快速上手SpringBoot 1.1、概述 SpringBoot开发团队认为原始的Spring程序初始搭建的时候可能有些繁琐&#xff0c;这个过程是可以简化的&#xff0c;那原始的Spring程序初始搭建过程都包含哪些东西了呢&#xff1f;为什么觉得繁琐呢&#xff1f;最基本的Spring程序至少有一…

大数据:VMware | Ubuntu | Hadoop | Spark | VMwaretools | Python 安装配置总结

一.环境概述 Linux发行版&#xff1a;Ubuntu虚拟机应用&#xff1a;VMware Workstation ProHadoop版本&#xff1a;3.1.3|伪分布式集群JDK版本&#xff1a;JDK1.8.0_162Spark版本:2.4.0Scala版本:2.12.8Python版本:3.6.8 | 3.7.16 二.Ubuntu 2.1 光盘文件 首先进入链接Down…

因为AI,我被裁了;MJ设计海报全流程;独立开发者每周收入2.3K美元;MJ常用参数超详细介绍 | ShowMeAI日报

&#x1f440;日报&周刊合集 | &#x1f3a1;生产力工具与行业应用大全 | &#x1f9e1; 点赞关注评论拜托啦&#xff01; &#x1f916; 受 AI 影响&#xff0c;这 8 家公司开始裁员…… 为了搞清楚 AI 最近在影响哪些行业、哪些职业&#xff0c;作者花了三天事件找到了八…