- 博客(29)
- 收藏
- 关注
原创 前端|JavaScript 基础 - 第3天(黑马笔记)
script>// 1. 语法,使用 [] 来定义一个空数组// 定义一个空数组,然后赋值给变量 classes// 2. 定义非空数组let classes = ['小明', '小刚', '小红', '小丽', '小米']</script>通过[]定义数组,数据中可以存放真正的数据,如小明、小刚、小红等这些都是数组中的数据,我们这些数据称为数组单元,数组单元之间使用英文逗号分隔。
2024-10-11 18:14:52 500
原创 前端|JavaScript 基础 - 第2天(黑马笔记)
为false,则不执行大括号里面代码。数字是用来计算的,比如:乘法 * 、除法 / 、加法 + 、减法 - 等等,所以经常和算术运算符一起。: 一些简单的双分支,可以使用 三元运算符(三元表达式),写起来比 if else双分支 更简单。使用场景: 适合于有多个条件的时候,也属于分支语句,大部分情况下和 if多分支语句 功能相同。while : 在…中止整个循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用(提高效率) (1) 取钱则是减法操作, 存钱则是加法操作,查看余额则是直接显示金额。
2024-10-09 11:56:54 967
原创 ASP.NET Core MVC 发布IIS 步奏
网址1:https://learn.microsoft.com/zh-cn/aspnet/core/host-and-deploy/iis/?ASP.NET CORE MVC 需要在电脑上下载 【.NET Core 托管捆绑包】,这个必须下载安装。网址2:https://www.iis.net/downloads/microsoft/url-rewrite。3:ASP.NET CORE MVC项目和 asp.net mvc 部署 IIS 不同的是,1:发布项目,发布到文件夹里,。
2024-09-11 04:30:15 460
原创 CSS 定位、CSS 高级技巧、修饰属性
作用:灵活的改变盒子在网页中的位置 实现:1. 定位模式:position2. 边偏移:设置盒子的位置• left• right• top• bottom 绝对定位 定位居中 固定定位 堆叠层级 z-index 定位-总结 字体图标 过渡 transition 透明度 opacity 光标类型 cursor
2024-09-09 11:52:22 552
原创 CSS 标准流、浮动、Flex 布局
Flex 布局也叫弹性布局,是浏览器提倡的布局模型,非常适合结构化布局,提供了强大的空间分布和对齐能力。标准流也叫文档流,指的是标签在页面中默认的排布规则,例如:块元素独占一行,行内元素可以一行显示多个。Flex 模型不会产生浮动布局中脱标现象,布局网页更简单、更灵活。• 浮动后的盒子脱标,不占用标准流的位置。• 浮动后的盒子具备行内块特点。属性名:float 属性值。作用:让块元素水平排列。• right:右对齐。• 浮动后的盒子顶对齐。• left:左对齐。
2024-09-09 11:23:29 192
原创 CSS 选择器、PxCook软件、盒子模型
技巧:版心居中 – 左右 margin 值 为 auto(盒子要有宽度)提示:与 padding 属性值写法、含义相同。作用:拉开两个盒子之间的距离。属性名:margin。
2024-09-09 11:10:55 333
原创 CSS 复合选择器、CSS特性、背景属性、显示模式
选择器写法:选择器1, 选择器2, …, 选择器N { CSS 属性},选择器之间用 , 隔开。选择器写法:父选择器 > 子选择器 { CSS 属性},父子选择器之间用 > 隔开。选择器写法:父选择器 子选择器 { CSS 属性},父子选择器之间用空格隔开。伪类选择器:伪类表示元素状态,选中元素的某个状态设置样式。定义:由两个或多个基础选择器,通过不同的方式组合而成。子代选择器:选中某元素的子代元素(最近的子级)。并集选择器:选中多组标签设置相同的样式。后代选择器:选中某元素的后代元素。
2024-09-09 10:51:22 454
原创 CSS 基础选择器、文字控制属性
CSS 引入方式属性名:font-size 属性值:文字尺寸,PC 端网页最常用的单位 px 经验:谷歌浏览器默认字号是16px 作用:设置多行文本的间距属性名:line-height属性值 • 数字 + px数字(当前标签font-size属性值的倍数)
2024-09-09 10:28:34 349
原创 HTML 基础知识
HTML 基本骨架VS Code 快速生成骨架:在 HTML 文件(.html)中,!(英文)配合 Enter / Tab 键标签的关系作用:明确标签的书写位置;让代码格式更整齐注释标题标签段落标签换行与水平线标签文本格式化标签。
2024-09-09 09:49:00 153
原创 前端 css 移动适配 - vw
查看设计稿宽度 → 确定参考设备宽度 (视口宽度) → 确定 vw 尺寸 (1/100 视口宽度)2. vw单位的尺寸 = px 单位数值 / ( 1/100 视口宽度)下边这个是less 代码块。先确定了变量,@vw:37.5vw;注意:在用vw 视口宽度做适配时,不能与vh 一同使用。1. 确定设计稿对应的vw尺寸 (1/100视口宽度)
2024-09-08 10:29:55 340
原创 前端 CSS 移动端适配 rem单位与less 使用
结论:制作网页参考,逻辑分辨率。概念:设计稿里面每个元素的尺寸的倍数作用:防止图片在高分辨率屏幕下模糊失真思考1. 手机屏幕大小不同,分辨率不同, 如何设置不同的HTML标签字号? 2. 设备宽度不同,HTML标签字号设置多少合适?媒体查询当采用媒体查询的时候,当宽度不同时,都要写@Media 来进行查询,比较麻烦。现在可以不用写,直接引用 flexible.js 可以自动识别字号的大小。rem - 移动适配
2024-09-08 10:10:08 198
转载 CSDN如何转载别人的博客(以及遇到的问题)
将鼠标放进上图所示的红框中,右键-> 复制 ->copy outerHTML,把内容复制下来,然后打开自己的Markdown编辑器,在里面粘贴即可。被选中,对应着网页中的博客内容被选中,如下图所示。当然你也可以尝试点击选中别的代码块,就可以看到对应的博客内容被选中。右键->检查,然后页面右侧出现html代码,选中 “#article_content”,可以看到,如下图红框中,有大片的空白。
2024-09-04 12:14:53 40
原创 前端 CSS 属性transform 空间转换
transform 是一个符合属性,一个标签的属性不可以出现两个transform。可以发他们的值写在一些。第一个是:视距 perspective:1000px;这个在 translateZ 在Z轴移动时用到。第二个是:空间属性加载父级标签上 transform-style: preserve-3d;首先显示transform 的属性都有那些。的移动位置,旋转,缩放比例,倾斜度数。这个也是作用到父级标签属性。垂直方向,上负,下正。
2024-09-04 09:42:38 298
原创 前端 CSS 属性 渐变
渐变是多个颜色逐渐变化的效果,一般用于设置盒子背景。圆心位置取值:像素单位/百分比/方位名词。作用:给按钮添加高光效果。半径可以是两条,为椭圆。
2024-09-03 08:53:52 197
原创 前端 CSS 属性transform 平面转换 详解
这个属性transform-origin:可以改变缩放的中心位置。transform 是一个符合属性,一个标签的属性不可以出现两个transform。移动的距离是参考自身,如果自身宽度是200px,那么100%就是200px,同时高度也是同样的道理。可以通过设置css属性改变标签的移动位置,旋转,缩放比例,倾斜度数。translateX() 表示的就是向水平方向可以作用移动。translateY() 表示的是垂直方向移动。
2024-09-02 19:53:00 721
原创 前端 CSS 对图片与字体垂直对其方式
这时想要调整就要用到这个vertical-align。可以调整文字的位置,做到居中显示,在一个div盒子中,当有图片和一行文字时,页面显示底部总是有空隙。如果只有图片,也可以是由 display: block;之所以发这个,是我总是忘记这个,所以发布加深印象。这是因为行内标签基线对齐,
2024-08-28 17:43:10 196
原创 前端 阿里巴巴字体图标
在项目页面添加 <link rel="stylesheet" href="./iconfont/iconfont.css"> 字体图标的引用。登录-素材库-官方图标库-进入图标库-选图标,加入购物车,添加至项目,确定-下载到本地。iconfont 图标库:https://www.iconfont.cn/上传字体:如果找不到自己想要的,也可以自己上传。1:字体图标-下载字体。
2024-08-28 16:58:43 141
原创 前端 CSS 精灵图
3:添加background-position 属性,改变背景图的位置。取负数坐标为background-position属性值。使用pxcook测量小图片的左上角坐标。1:创建div,div尺寸和小图的尺寸相等,2:设置div背景图为精灵图。CSS 精灵图的使用步奏。
2024-08-28 06:28:16 194
原创 前端CSS-定位
2:参照物:先找最近的已经定位的祖先元素;如果所有祖先元素都没有定位,1: 默认都是0,都不设置z-index 显示后边加载的居上。3: 显示模式特点改变:宽度生效(具备了行内块的特点)1:相对定位的特点: position: relative。2: 绝对定位: position: absolute;3:显示模式特点 具备行内块的特点。2:设置的数字越大,显示最上边。改变位置的参照物,自已原来的位置。就是一个盒子在一个窗口的垂直居中显示出来。2:参照物:浏览器窗口。1: 脱标,不占位。
2024-08-28 05:14:18 225
原创 前端知识-布局flex(弹性)布局
align-items:当前弹性容器内所有弹性盒子的侧轴对齐方式(给弹性容器设置)弹性盒子换行 弹性盒子可以自动挤压或拉伸,默认情况下,所有弹性盒子都在一行显示。align-self:单独控制某个弹性盒子的侧轴对齐方式(给弹性盒子设置)Flex组成 设置方式:给父元素设置 display: ,属性名:属性值:整数数字,表示占用父级剩余尺寸的份数。行内对齐方式 属性名:align-content。侧轴 / 交叉轴:默认在垂直方向。控制弹性盒子的主轴方向的尺寸。主轴:默认在水平方向。主轴默认在水平方向,
2024-08-26 16:11:36 236
原创 前端清除浮动的方法
如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0。由于父盒子的高度为0,下面的元素会自动补位,所以这个时候要进行浮动的清除。直接在父元素上添加overflow:hidden。
2024-08-25 04:44:58 233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人