自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS day01 JavaScript定义、数据类型

string:字符串类型,是由Unicode字符、数字、标点符号等组成的序列,字符串型是JavaScript用来表示文本的数据类型,字符串类型的数据都要用英文的单引号或双引号包住,由英文单引号包含的数据中可以包含英文双引号,英文双引号包含的数据可以包含英文单引号。1 转义字符 : 也称为控制字符,是指以反斜杠(\)、不可显示的字符,例如:\b 退格、\n换行等。1 可以实现用户与界面交互的逻辑,例如:开关、下拉菜单、轮播图、列表渲染等。3空值:只有一个值null,用于定义空或不存在的引用。

2024-08-20 19:39:35 295

原创 CSS day06 外边距塌陷和外边距合并

1 并列关系的两个元素,要么统一设置margin-top属性,要么统一设置margin-bottom属性。2 给并列关系的两个元素嵌套一个父元素,给父元素设置overflow:hidden;总的来说就是把子元素设置成BFC(块级格式化上下文、独立的渲染区域)1 给父元素设置overflow:hidden;3 可以让子元素脱离正常文档流,比如浮动、定位。2 可以给父元素设置边框。

2024-08-20 19:03:18 114

原创 CSS day05弹性盒子

older属性和align-self属性:通过给子元素设置align-self属性控制子元素在父元素的侧轴的位置,这个属性的属性值和上面align-content差不多一样,通过older的属性值控制子元素渲染的先后顺序,older的属性值越大越先渲染出来,就是谁的值越大那它就在最上面,这两个都是给子元素设置,针对单个子元素的操作。子元素按1:1的比例来分割父元素,就是每个子元素占的位置一样,给子元素设置的,也可以给每个子元素设置不一样的属性值让他们的占比不一样,没设置的元素会默认按自己的大小占比。

2024-08-12 19:39:18 361

原创 CSS day04 浮动和定位

代码展示:浏览器效果: 代码展示:同级元素:父子嵌套关系: 浏览器效果:同级元素: 父子嵌套关系,因为没有给父元素设置宽高,所以父元素宽度默认是body的宽度,高度是撑开它的子元素的高度: 代码展示: 浏览器效果: position的属性值:position:relative;相对定位,不会让元素脱离正常文档流,是相对于自己原来没设置相对定位的位置进行移动position:absolute;绝对定位,会让元素脱离正常文档流,根据body或设置了相对定位的父元素进行移动,绝对定位会让元素具有块元素的特点p

2024-08-07 19:36:10 493

原创 CSSday03 盒子模型

margin-left:跟左边元素的距离 格式例:10px;(距离上面元素10像素),当值为正数时,元素往右走,负数往左走,因为元素的外边距不会影响其他元素位置,所以只能自己移动调位置。border-top:上边框 格式例:10px (设置边框粗细) solid(设置边框是实线)black(设置边框颜色);简约写法:margin:上面距离 空格 右边距离 空格 下面距离 空格 左边距离;padding-top:元素距离上边框的距离,格式例:10px;padding-left:元素距离左边框的距离。

2024-08-06 20:21:50 451

原创 CSSday02 选择器

代码展示:浏览器效果展示: 代码展示:多个类名的代码: 浏览器效果(以上两段代码结果是一样的): 代码展示: 浏览器效果: 代码展示: 浏览器效果: 代码展示: 浏览器效果: 代码展示: 浏览器效果: 代码展示: 浏览器效果: 代码展示: 浏览器效果(页面这么红是因为通配符选择器选中了body标签,给它设置了背景色,其他元素能出现是因为类名选择器的优先级比通配符选择器的优先级高,所以才能出现) 代码展示: 浏览器效果: 代码展示(不止可以选择类名,也可以用其他选择器): 浏览器效果: 代码展示:

2024-08-03 17:33:25 691

原创 CSS day01 定义和导入

css文件路径,建议和需要导入html文件处于同一级或专门创一个文件架存放,方便寻找。

2024-08-03 14:54:19 431

原创 HTMLday04一些常见的标签2

代码展示(设置了图片宽度,给图片设置大小,一般高度和宽度设置一个就好了,图片会按比例变大或变小): 图片位置展示(D:\网页制作\社会培训\day01): vscode直接运行效果: live sever运行展示: 代码展示:浏览器效果: 一些小标签:代码展示: 这里设置的样式仅做展示作用: 浏览器效果:

2024-08-03 11:41:22 376

原创 HTML day02,一些常见标签

双标签:<标签>内容</标签>,例如:<div></div>、<h1></h1>等单标签:</标签> ,例如:</br>、</hr>等注释:<!--内容-->注释里的内容不会被浏览器展示,ctrl+/可以快捷注释,注释了的内容按ctrl+/可以快捷去掉注释。

2024-08-02 20:20:47 208

原创 HTML day01,文档标签,块级元素、行内元素、行内块元素

</html>:根标签,是HTML文档开始标记和结束标记,<html>是开始,

2024-08-02 19:16:48 150

原创 HTML初学者小知识

下载网址:https://code.visualstudio.com//Download。记录的方式课自选,纸质的或软件,建议都用,免的哪个废了,还有备用。学过的知识建议最好能记录下来,并以自己的方式解释一下。然后不要直接截图,按ctrl+c截取颜色。ctrl+shift+x(搜狗输入法)ctrl+shift+n 新建文件夹。文件摆放要整齐有序,要一下就能找到,首先:ctrl+atl+a(QQ)用其他的也可以,看自己个人。也可以用其他的,看自己个人。ctrl+s 保存。ctrl+a 全选。

2024-08-02 18:21:35 164

空空如也

空空如也

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

TA关注的人

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