- 博客(18)
- 收藏
- 关注
原创 day-20,第一阶段结束了。
感觉时光匆匆,不知不觉自己已经从一个小白慢慢变成一个懵懂的小程序猿,马上要接触新的知识,真是期待里又掺和着惊恐Σ(っ °Д °;)っ。期待是又有可以接触到新的知识了,惊恐是属于大脑对于新的知识能不能承受住。不过前面都走过来了,还是要继续坚持走下去。 最终还是感谢老师的传授以及同学的帮助。 ...
2021-08-07 15:52:40
73
原创 day-18
一、名称解释 屏幕尺寸:屏幕对角线的长度 屏幕分变率:横纵方向上的像素点数 屏幕像素密度:单位尺寸中显示的像素点数 单位ppi 视网膜屏幕:像素密度比平时的要高,人们用肉眼很难分辨 DPR:设备像素比 设备像素和css像素的比值 如何查看DPR----在浏览器中f12——查看console——输入d 二、单位问题 Px 像素具体数值 Em 根据离其最近的父元素的font-size计算 Rem 根据根标签html的font-size计算 Vw 设备视窗宽度的百分比 1vw = 窗口...
2021-08-04 21:30:17
231
原创 day-17.练习。
CSS3 多列 CSS多列(属性要加前缀) 1、column-count:分栏的个数 说明: 属性规定元素应该被分隔的列数 适用于:除table外的非替换块级元素, table-cells, inline-block元素 2、column-width:分栏的宽数 说明: 设置或检索对象每列的宽度 3、column-gap:分栏的间距 说明: 属性规定列之间的间隔大小 4、column-rule:分栏的边框 说明: 设置或检索对象的列与列之间的边框。复合属性。 ...
2021-08-03 21:17:25
126
原创 day-16
一、CSS3的3D场景的设置 /*让物体实现3D效果*/ 1、transfom-style;flat preserve-3D A、flat:flat值为默认值,表示所有子元素在2D平面呈现。 B、preserve-3D:表示所有子元素在3D空间呈现。 C、注意:trransform-style属性需要设置在父元素中,并且高于任何嵌套的变形元素。 2、perspective:200px;景深 眼睛视线的距离。 /*设置物体景深/可以让物体实现近大远小的效果*/ ...
2021-08-02 22:03:22
229
原创 day-15,
2D转换 变形属性:transform transform:代表“变换”或者“改变”得意识。 1、transform:none默认值 2、transform:translate();移动 平移 单位是px transform :translate(200px);平移,默认是X轴移动,可以单位是%,这个%是自己的,不是父元素的 3、transform:rotate();旋转 单位是deg deg度数 transform :rotate(30deg);旋转 单位deg 默认是...
2021-07-30 21:26:26
170
原创 day-14.知识点整理及小练习。
CSS控制单词换行得属性: word-break:自己决定自动换行得处理方式 normal:默认值 keep-all:不允许文字断开 break-all:可以截断单词换行,然后进行换行 word-wrap:用来表明是否允许浏览器在单词内进行断句 nomal 默认值 break-word:在单词内部换行 CSS设置中英文大小写得属性 text-transform:控制文本得大小写 capitalize:字体为英文字母时,开头的第一个首字母设置为大写 lowercase:定...
2021-07-29 21:46:33
53
原创 day-13
HTML5常用标记 1.header头部区域 2.footer尾部区域 3.nav导航区域 4.section内容区域 5.article文章 6.aside辅助信息 7.hgroup标题组 8.figure类似于dldtddfigcaption标题 ----------- 8.mark高亮显示【搜索str+f写要搜索的内容】 9.dialog对话框【需要结合open才可显示】 10.画布canvas Video视频文件 Video的属性...
2021-07-28 21:18:26
69
原创 day-12(正)选择器的知识点学习及回顾
CSS属性选择器 1、E[attr] 希望选择有个属性的元素,而不论属性值是什么 例如: a[href] {color:red} 2、E[attr="value"] 除了选择拥有某些属性的元素,还可以讲进一步缩小选择范围,只选择有特定属性值的元素,例如: a[href=”www.baidu.com”]{color:red;} 3、E[att^="value"]指定了属性,并且指定了属性值,属性值是以value开头的 例如:a[title^="text"] {color:red;} 4.
2021-07-27 20:34:32
116
原创 dya-11(周一)新的知识点
整理一下学习新的知识点 邮箱 type=“email” 数字:type=“number”min最小值 max最大值 step 每次递增数目 颜色:type=“color”了解即可 范围区域:type=“range” 网址:type=“url” 搜索框:type=“search”可以做到局部清除 选择年月日:date type=“date” 年月:month type=“month” 年周:week type=“week” 时间:time type=“time” 年月日+时间:date.
2021-07-26 22:01:47
118
原创 day-12,复习及整理。
今天整理一下笔记做了一下思维导图。 每天过的都很充实,不知不觉时间从指尖流逝两周都已经过去了。从一张白纸开始到色彩铺满整张纸张。课余时间复习老师讲的新的知识,找一些练习自己在实践一下,感到比以前学到知识更加加深印象以及清晰了。小作品发出来,请各位前辈们点评以及指出繁琐的之处。 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <titl...
2021-07-25 21:34:02
67
原创 day-11,知识整理。
今天自己,以前的所学习的知识以及理论思路整理一遍。 css 基本语法 选择器{属性;属性值} 三种样式表 写在html标签里边的 内联样式表 下在head之间的style包裹里的 内部样式表 创建在html外部的通过link方式引入的 外部样式表 两种外部样式引入方式的区别 优先级 选择器 标签选择器 1 id选择器 100 ...
2021-07-24 21:53:12
50
原创 搭砖的-day10天。
通过以上的小练习,今天学习了表格的认识以及语法结构。例如表格常用在我们的日常生活之中,如课表、日历、成绩单、统计大数据时会都用到表格。 以及表格的属性; border是设置边框 cellspacing是边框与边框之间的距离【默认为1px】 width、height、align是设置table的位置 bgcolor【背景颜色】 cellpadding【文字与边框之间的距离】 还有需要注意的是从tr中无法设置宽度 最后还有跨列成行;colspan;在同一行中进行操作,等于合并或...
2021-07-23 20:41:28
61
原创 学习前端的第9.5天,今天学习一些知识的延申。
垂直对齐: Vertical-align 在垂直方式设置元素的位置 应用场景:log垂直居中,下拉菜单垂直居中,控制文本与图片的位置 属性值: middle/top/text-top/bottom/text-bottom/baseline middle【实现垂直居中】 text-top【重要】 text-bottom【文字的最下方】 top【line-height的最上方】 bottom【line-height的最下方】 white-space: 解释:white【白
2021-07-22 21:48:58
48
原创 学习前端的第8-9天,开启俄罗斯套娃模式。
通上面的小游戏今天学习到了四个定位: 1、固定定位;position:fixed+要移动的方向(left/top/right/bottom)才能让元素到达你指定位置。 2、粘性定位:position:sticky 如果附近的元素设有定位,划过之后在进行定位固定,如果周围的元素没有或者高度小之和小于top后面的属性值,就会直接开始固定位置。 3、绝对定位:position:absolute 如果它的上一级元素有定位,则根据上一级元素进行移动,如果没有则逐...
2021-07-20 21:20:19
141
原创 学习前端的第5-7天,加油。
这两天开始慢慢敲代码,做简陋的网页,过程是艰辛有有趣的过程,写的过程中会忘记该怎么写以及出错,错到哪里了。不过在同桌的帮助下,继续艰辛一块转一转垒起来自己的成果,虽然过程让人痛苦,但是期间思路畅通是会是心情愉悦。 期间学会怎么让模块怎么移动的情况下不妨碍别的模块,调整模块与模块之间距离和大小,每个模块之间的相互关联的,这个过程挺有趣的。 以及怎么在每个模块的嵌套之下不让自己逻辑混乱。 学习之路还很漫长... ...
2021-07-18 17:29:17
60
原创 学习前端的第四天,背书模式。
今天学习了CSS的核心属性: 1.文本相关属性所需要书写的代码例如: font-size:处理字体的大小,(px,pt,1em=16px) font-family:字体 font-weight:加粗 font-stlye:倾斜 text-align:水平对齐(left:靠左,right:靠右,center:居中,justify水平两端对齐。 line-height:表示行高 font:表示文字简写(需注意:顺序不能改变。) text-decoration:文本修饰 none:表示没有 .
2021-07-15 20:02:13
78
原创 学习前端的第三天。
今天学习了表单的制作; 1.img src=“图片链接或者地址” 2.input type=“属性” 3.class(类别)="链接的名称" 注册界面的实现; 1.<formaction="跳转网页的地址或者链接"> <action>表示添加链接,跳转。 CSS引入方式; id、class的选择器; 对于选择器的深入了解; 通配符选择器; 选择器通用使用; #div>.div>div>* 色块之间的布局; 1. .div2{ ...
2021-07-14 20:55:02
53
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人