~☜~-CSDN博客

原创寒假第四次周报

文章目录svg怎么使用书写svg代码矩形:rect圆形：circle椭圆：ellipse线条：line折线：polyline多边形：polygon路径：path例子数据链接如何书写意义base64浏览器兼容性问题产生原因厂商前缀css hack渐近增强和优雅降级caniuse居中总结行盒（行块盒）水平居中常规流块盒水平居中绝对（固定）定位元素的水平居中单行文本的垂直居中行块盒或块盒内多行文本的垂直居中绝对定位的垂直居中样式补充display:list-item图片失效时的宽高问题行盒中包含行块盒或可替换

2022-02-19 22:26:44 550

原创寒假第三次周报

文章目录HTML标签补充1.换行标签2.加粗3.倾斜4.删除线5.下划线6.图像标签src:图片路径alt:替换文本，图像不能显示的文字title：提示文本，鼠标放到图像上显示的文字width：设置图像宽度height：设置图像高度border：设置图像边框粗细扩展1.浮动的细节规则2.行高的取值3.body的背景行盒的垂直对齐多个行盒垂直方向上的对齐图片的底部白边参考线-深入理解字体文字font-size行高vertical-align可替换元素和行块盒的基线HTML标签补充1.换行标签<br

2022-02-13 11:03:45 455

原创寒假第二次周报---------学生成绩管理系统

[top]一、子函数在写子函数之前，先定义一个结构体typedef struct student{ char num[100];//学号 char name[100]; //姓名 int score;//成绩 struct student *next;//结构体指针 }node,*LinkList;1.链表初始化start()，start2()LinkList start()//总数据 { LinkList head; head=(node*)malloc(sizeof(n

2022-01-22 23:49:10 437

原创寒假第一次周报-------vj算法题

一B-上车上车【问题描述】公共汽车从始发站(称为第1站)开出,在始发站上车的人数为a,然后到达第2站,在第2站有人上、下车,但上、下车的人数相同，因此在第2站开出时（即在到达第3站之前）车上的人数保持为a人。从第3站起（包括第3站）上、下车的人数有一定的规律：上车的人数都是前两站上车人数之和，而下车人数等于上一站上车人数，一直到终点站的前一站（第n-1站），都满足此规律。现给出的条件是：共有n个车站，始发站上车的人数为a,最后一站下车的人数是m（全部下车）。试问从x站开出时车上的人数是多少？【输入】

2022-01-14 23:55:55 162

原创第四周周报

美化表单元素新的伪类1. focus浏览器默认设置了聚焦时的outline元素聚焦(点击文本框后，即可以输入时)时的样式涉及到的属性：tabindex:根据此属性的取值确定被聚焦的顺序（按Tab键聚焦）outline(外边框)设为none则聚焦时无外边框outline-offset:外边框的偏移量（若样式为auto则无效，若为solid有效）2. checked单选或多选框被选中的样式<style> input:checked+label{/*选中单选框的下一

2021-12-12 15:14:26 423

原创第三周周报

更多的选择器1.更多的伪类选择器1.first-child:选中第一个子元素*first-of-type：选中子元素中第一个指定类型的元素（）2.last-child:选中最后一个子元素3.nth-child:选中第n个子元素（必须是a元素，必须是第n个子元素）2n,even为偶数2n+1,odd为奇数4.nth-of-type：选中子元素中第n个指定类型的元素2.更多的伪元素选择器1.first-letter:选中第一个字母或第一个字2.first-line：选中元素中第一行的文

2021-12-06 22:18:29 204

原创 CSS3 动画

文章目录1.@keyframes 规则2.属性animation-name3.属性animation-duration4.属性animation-delay5.属性animation-iteration-count6.属性animation-direction7.属性animation-timing-function8.属性animation-fill-mode应用举例：自动播放的轮播图1.@keyframes 规则@keyframes 规则是创建动画。@keyframes 规则内指定一个 CSS 样

2021-12-06 19:06:41 205

原创 CSS3 2D转换与3D转换

文章目录2D转换1.translate()方法2.rotate（）方法3.scale（）4.skew()5.matrix（）总结应用举例：3D转换1.rotate3d(x,y,z,angle) 定义 3D 旋转2.rotateX(angle) 定义沿 X 轴的 3D 旋转。3.rotateY(angle) 定义沿 Y 轴的 3D 旋转。4.rotateZ(angle) 定义沿 Z 轴的 3D 旋转。应用举例：2D转换在网页制作的过程中，我们有时会需要改变原有图形的尺寸，位置，方向等，虽然说通过改变宽和高

2021-12-06 15:25:55 391

原创第一次考核总结

1.居中的方法1）文本居中text-align:center;2）块盒在其包含块中居中（常规流）定宽，左右margin设置为auto3）定位下的居中a.定宽（高）b.将上下（左右）设置为零c.将左右（上下）margin设置为auto4）定位居中<style> div{ background-color: mediumaquamarine; width: 100px;height: 200px;position: absolute;

2021-12-01 21:54:20 136

原创第二周周报

容器元素该元素代表一块区域，内部用于放置其他元素。1、div元素没有语义(浏览器不知道div里是什么)2、语义化容器元素header：通常用于表示页头，也可以用于表示文章头部。footer：通常用于表示页脚，也可以用于表示文章的尾部。article:通常用于表示整篇文章。section：通常用于表示文章的章节。aside：通常用于表示侧边栏。元素包含关系（现在完全取决于语义）以前：块级元素可以包含行级元素，行级元素不可以包含块级元素，a元素除外。元素的包含关系有元素的类别决定。总结

2021-11-28 11:02:56 222

原创第一周周报

HTML与CSS文章目录HTML与CSS概述执行第一个网页1、！+Tab：自动生成HTML的代码片段。2、注释（为代码阅读者提供帮助，不参与运行）3、元素4、元素的嵌套5、标准的文档结构语义化1、什么是语义化2、为什么要语义化文本元素1、h（h1~h6)2、p3、span4、pre实体字符（HTML实体）a元素1、href属性（hyper reference:表示地址跳转)2、target属性路径的写法1、站内资源和站外资源2、绝对路径（站外或站内），相对路径（站内）图片元素1、img元素（空元素，无结束

2021-11-20 12:28:32 1074 2

qq_61601160的博客