自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 自我介绍_

我是新人,特来报道,大家好:我的昵称是:灰灰,我来自亮丽的江苏:淮安。很高兴在这里和大家相识。目前研究生一名,对将来的工作焦虑中,希望通过一年的学习前端知识,找到一个心仪的工作。在校研究内容为量子算法之类的,目前论文筹备中。在这里会时不时的更新一些近期所学的前端知识以及学术研究。希望有共同兴趣的同学一起学习,共同进步。...

2021-11-30 21:09:21 63

原创 学习WEB前端第五天(2)-盒子模型

目标:1.能够准确阐述盒子模型的4个组成部分2.能够利用边框复合写法给元素添加边框3.能够计算盒子的实际大小4.能够利用盒子模型布局模块案例5.能够给盒子设置圆角边框6.能够给盒子添加阴影7.能够给文字添加阴影页面布局要学习三大核心,盒子模型,浮动和定位.学习好盒子模型能非常好的帮助我们布局页面.盒子模型网页布局过程:1.先准备好相关的网页元素,网页元素基本都是盒子Box .⒉利用CSS设置好盒子样式,然后摆放到相应位置,3.往盒了里面装内容网页布局的核心本质:就是利用CSS摆盒

2021-11-30 20:45:14 121

原创 学习WEB前端第五天(1)-CSS特性

CSS有三个非常重要的三个特性:层叠性、继承性、优先级。层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题 层叠性原则∶(就近原则) ●样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 ●样式不冲突,不会层叠继承性 现实中的继承:我们继承了父亲的姓 CSS中的继承子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是∶子承父业, 恰当地使用继承可以简化代码,降低C

2021-11-30 20:33:16 59

原创 学习WEB前端第四天(3)-背景图像

CSS背景通过CSS背景属性,可以给页面元素添加背景样式背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。背景图片背景图像属性描述了元素的背景图像。实际开发常见于徽标或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置.(精灵图也是一种运用场景) background-image : none | url(url)背景平铺如果需要在HTML页面上对背景图像进行平铺,可以使用background-repeat属性。 background-repeat

2021-11-25 10:48:10 160

原创 学习WEB前端第四天(2)-元素显示模式

元素显示模式作用︰网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如< div>自己占一行,比如一行可以放多个< span>,HTML元素一般分为块元素和行内元素两种类型。块元素常见的块元素有< h1 >~< h6 >、< p >、< div >、< ul >、< ol >、< li >等,其中&lt

2021-11-25 10:40:32 78

原创 学习WEB前端第四天(1)-生成HTML语法、格式化代码、选择器

目标:1.能使用emmet语法2.能够使用CSS复合选择器3.能够写出伪类选择器的使用规范4.能够说出元素有几种显示模式5.能够写出元素显示模式的转换代码6.能够写出背景图片的设置方式7.能够计算CSS的权重快速生成HTML结构语法1.生成标签直接翰入标签名按tab键即可比如div然后tab键,就可以生成 < div>< /div>2. 如果想要生成多个相同标签加上就可以了比如div3就可以快速生成3个div3. 如果有父子级关系的标签,可以用> 比如

2021-11-25 10:34:07 75

原创 学习web前端第二天

目标:1.能够书写表格2.能够写出无序列表3.能够写出3-4个常用input表单类型4.能够写出下拉列表表单5.能够使用表单元素实现注册页面6.能够独立查阅W3C文档表格标签样式alignleft、center、right表格周围元素对齐方式border1或""表格是否有边框,默认值为"",表示没有边框cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素cellspacing像素值规定单元格之间的空白,默认像素2pxwi

2021-11-25 10:20:39 53

原创 学习web前端第一天-图片路径

目标:1.能够说出网页的基本组成2.能够说出什么是HTML3.能够说出常用的浏览器4.能够说出web标准的三大组成部分src 图片路径 art 文本 替换文本,图像不能显示的文字 title 文本 提示文本,鼠标放到图像上,显示的文字 width 像素 设置图像的宽度 height 像素 设置图像的高度 border 像素 设置图像的边框粗细 一般通过css属性设置-->相对路径 同一级路径 <img

2021-11-25 10:00:34 352

原创 学习WEB前端第三天(2)-字体、文本、样式表

CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式(如斜体)1.各种字体之间必须使用英文状态下的逗号隔开2.一般情况下,如果有空格隔开的多个单词组成的字体,加引号3.尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示4.一般放在body{}中字体大小css使用font-size属性定义文字大小字体粗细css使用font-weight属性设置文字字体的粗细使用font属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间可以空格隔开不需要设置的

2021-11-25 09:53:38 143

原创 学习WEB前端第三天(1)-CSS选择器

目标: 1.能够说出什么是CSS 2.能够使用CSS基础选择器 3.能够设置字体样式 4.能够设置文本样式 5.能够说出CSS的三种引入方式 6.能够使用Chrome调试工具调试样式css选择器选择器分为基础选择器和复合选择器两大类基础选择器是由单个选择器组成的基础选择器又包括:标签选择器、类选择器、id选择器和通配符选择器类选择器1.类选择器使用"."(英文点好)进行标识,后面紧跟类名(自定义,我们自己命名的)2.可以理解为给这个标签起一个名字,

2021-11-25 09:42:02 57

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除