- 博客(18)
- 收藏
- 关注
RSS订阅原创 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关注的人