前端h5+c3
文章平均质量分 77
前端h5+c3
tang游戏王123
铁的意志和钢的强韧,游戏王
展开
-
移动 Web 第五天
1. 下载:Bootstrap V5中文文档 → 进入中文文档 → 下载 →。2. Bootstrap 5 中,栅格系统划分了多少个响应区间?的,如屏幕设备、打印设备等,其中手机、电脑、平板都属于屏幕设备。屏幕宽度大于等于 1200px, 网页背景色是skyblue。Bootstrap 是由 Twitter 公司开发维护的。按钮尺寸:btn-lg / btn-sm。table-striped:隔行变色。Bootstrap – 栅格系统。Bootstrap – 全局样式。Bootstrap – 字体图标。原创 2024-05-21 22:01:59 · 534 阅读 · 0 评论 -
移动 Web 第四天
px 单位数值 / ( 1/100 视口高度 )px 单位数值 / ( 1/100 视口宽度 )思考:开发中,能不能vw和vh混用呢?的vw尺寸 (1/100视口宽度)的vh尺寸 (1/100视口高度)(1/100 视口宽度)2. vw单位的尺寸 =(1/100 视口高度)(视口宽度) → 确定。(视口高度) → 确定。2. vh单位的尺寸。全面屏视口高度尺寸大。,如果混用可能会导致。原创 2024-05-20 11:25:22 · 108 阅读 · 0 评论 -
移动 Web 第三天
移动适配方案remvw移动Web基础谷歌模拟器。原创 2024-05-19 17:46:49 · 514 阅读 · 0 评论 -
移动 Web 第二天
空间转换空间:是从坐标轴角度定义的X 、Y 和 Z三条坐标轴构成了一个立体空间,Z 轴位置与视线方向相同。空间转换也叫3D转换属性:transform空间转换 – 平移属性3个数都要写才起效果transform(x, y, z);取值(正负均可)像素单位数值百分比(参照盒子自身尺寸计算结果)提示默认情况下,Z 轴平移没有效果视距作用:指定了观察者与Z=0平面的距离,为元素添加透视效果透视效果:近大远小、近实远虚属性:添加给父级。原创 2024-05-19 00:25:41 · 759 阅读 · 0 评论 -
移动 Web 第一天
先写旋转,则后面的转换效果的轴向以旋转后的轴向为准,会影响转换结果。思考: 改变元素的width或height属性能实现吗?⚫ 通常,只为 scale() 设置。以第一种转换方式坐标轴为准转换形态。平面转换 transform。旋转会改变网页元素的坐标轴向。(位移、旋转、缩放、倾斜)translate() 只写。平面转换 – 改变转换原点。水平原点位置 垂直原点位置。,表示 X 轴和 Y 轴。默认情况下,转换原点是。平面转换 – 多重转换。原创 2024-05-17 23:57:58 · 615 阅读 · 0 评论 -
CSS 第六天
效果:图片img的底下有空白,转块级不按基线对齐,空白就消失了。图标库 → 进入图标库 → 选图标,加入购物车 → 购物车,因为浏览器把行内块、行内标签当做文字处理,默认按基线对齐。拓展:很少单独使用相对定位,一般是与其他定位方式配合使用。的图标上传到 iconfont 图标库,生成字体。:字体图标基本样式(字体名,字体大小等等):灵活地修改样式,例如:尺寸、颜色等。:体积小、渲染快、降低服务器请求次数。矢量图,打开 → 提交 → 系统审核。的所有属性,都产生过渡效果)默认效果:按照标签书写顺序,原创 2024-05-11 19:25:35 · 768 阅读 · 0 评论 -
CSS 第七天第八天小兔鲜儿以及经验总结
文件夹:存放非固定使用的图片素材,例如:商品图、宣传图需要上传的图片。SEO、Favicon、小兔鲜儿。样式,例如:头部、底部。:各个网页相同模块的。原创 2024-05-12 00:32:15 · 30 阅读 · 0 评论 -
CSS 第四天
例如:块元素独占一行,行内元素可以一行显示多个。标准流也叫文档流,指的是标签在页面中默认的。标准流、浮动、Flex 布局。作用:让块元素水平排列。原创 2024-05-05 23:03:50 · 558 阅读 · 0 评论 -
CSS 第五天学成在线
* ::placeholder 选中就是 placeholder 属性文字样式*/标签结构:通栏 > 版心 > logo + 导航 + 搜索 + 用户。标签结构:.search > input + a / button。/* 父级是flex布局,子级变弹性盒子:加宽高生效 */标签结构:.user > a > img + span。:基础公共样式,例如:清除默认样式、设置网页基本样式。布局思路:先整体再局部,从外到内,从上到下,从左到右。标签结构:h1 > a > 网站名称(搜索关键字)原创 2024-05-06 23:19:22 · 787 阅读 · 0 评论 -
CSS 第三天
创建项目 → 输入 项目名称、项目类型。选择器、PxCook软件、盒子模型。:nth-child(公式)设计面板(手动测量尺寸和颜色)提示:公式中的n取值从。元素(伪元素),用来摆放。,如果没有内容,则引号。) 是一款切图设计工具。文件的文字、颜色、距离。原创 2024-05-04 18:00:59 · 590 阅读 · 0 评论 -
CSS 第二天
公式:通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式原创 2024-05-04 00:04:51 · 770 阅读 · 0 评论 -
vscode快捷键
ctrl+b 折叠,展开vscode侧边栏 ctrl + ? 添加 , 删除注释 alt+shift+下/上箭头 复制 alt+shift+鼠标左键 列项选择 ctrl+k ,ctrl+t 换主题颜色原创 2024-05-03 00:11:41 · 108 阅读 · 0 评论 -
CSS 第一天
(Cascading Style Sheets,缩写为 CSS),是一种。通配符选择器可以用于清除标签的默认样式,例如:标签默认的外边距、内边距。例如:p, h1, div, a, img......同一个 id 选择器在一个页面只能使用一次。CSS 代码写在单独的 CSS 文件中(-- 使用 id 选择器 -->使用 id 选择器 → 标签添加。-- 使用类选择器 -->/* 定义 id 选择器 */使用类选择器 → 标签添加。,PC 端网页最常用的单位。/* 定义类选择器 */定义 id 选择器 →。原创 2024-05-02 23:18:16 · 519 阅读 · 0 评论 -
HTML 第二天
注意:不能跨表格结构标签合并单元格(thead、tbody、tfoot)作用:用表格结构标签把内容划分区域,让表格结构更清晰,语义更清晰。提示:name 属性值自定义。文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域。默认情况下,文件上传表单控件只能上传一个文件,添加。网页中的表格与 Excel 表格类似,用来。列表分类:无序列表、有序列表、定义列表。ul 标签里面只能包裹 li 标签。ol 标签里面只能包裹 li 标签。作用:网页中,某个标签的说明文本。作用:布局内容排列整齐的区域。原创 2024-05-02 21:43:05 · 599 阅读 · 0 评论 -
HTML 第一天
1. 保存 HTML 标签的文件扩展名是什么?.html2. HTML 标签名要放到什么括号里面?尖括号3. 结束标签比开始标签多什么?4. 标签包裹的内容放在什么位置?开始标签和结束标签之间ctrl+b 折叠vscode侧边栏HTML 基本骨架html:整个网页head:网页头部,用来存放给浏览器看的信息,例如CSStitle:网页标题body:网页主体,用来存放给用户看的信息,例如图片、文字VS Code 快速生成骨架:在 HTML 文件(.html)中,!原创 2024-05-02 17:27:26 · 674 阅读 · 0 评论