- 博客(23)
- 收藏
- 关注
RSS订阅原创 HTML 如何放背景图片
(图片位置） （不重复） （居中） （大小）background-image:url(img/xxx.jpg) ——找到图片位置。复合型写法（这样写会更方便）
2023-04-11 11:07:44
255
原创 HTML 解决命名困难症的办法
xxx:first-child 找到第一个。xxx:last-child 找最后一个。xxx:nth-child(xxx) 找到某一个。
2023-04-11 10:58:44
108
原创 HBuilderX flex布局
传统布局：盒子模型+display+float+positionflex布局：flexible box,弹性布局item：项目main：主轴cross:交叉轴stayt：开始end：结束main axis：水平的主轴cross axis：垂直的交叉轴main start：主轴的开始位置main end：主轴的位置结束cross start：交叉轴的开始位置main start：交叉轴的结束位置·项目默认沿主轴排列·单个项目占据的主轴空间叫main size。
2022-11-29 15:55:34
2016
原创 HBuilderX WEB前端如何使用阿里巴巴图标
进入我的项目，找到first-icon，这里有三种引用方式：Unicode引用、font-class引用以及symbol引用。首先进入阿里图标官网注册账号，在资源管理里选择我的项目，找到+号选择新建项目，比如first-icon。在我的项目里选择Font class并生成代码，将生成的代码复制到你的.html文件中，比如。在我的项目里选择Unicode并生成代码，将生成的代码复制到你的.css样式表中，比如。在我的项目里选择Symbol并生成代码，将生成的代码复制到你的.html文件中，比如。
2022-11-22 16:14:18
767
原创 HTML5 透视和3D
(用来模拟人类的视觉位置，也称为视距，即人的眼睛到屏幕的距离；值越大，表示视距越远，成像越小，反之；写在被观察元素的父盒子上！(改变元素转换的中心点：百分比、像素、方位词）（加在父盒子上，子盒子才会有空间感）(视觉位置：百分比、像素、方位词）透视：perspective。
2022-11-07 16:40:53
258
原创 HTML5 CSS变形转换transform和动画animation
animation:动画名称 动画持续时间 次数 速度曲线 时间延迟；infinite：无限次；
2022-10-27 11:47:34
210
原创 HTML5 视频音频插入和过度
列入： -- 过度:transition:属性/all 时间 速度 延迟 -->-- 速度：linear(匀速) -->source:源文件，指音频的路径。autoplay:自动播放。controls:控制台。插入视屏：video。-- 插入音频：audio。
2022-10-25 16:10:27
65
原创 HTML5 背景图片和盒子网页居中
*复合写法：background:图片地址 不重复 方位/大小*//*背景图片在盒子里的位置*/background-image:url(img/xxx.jpg);
2022-10-20 10:47:06
921
原创 HTML5 (自学第四天）
自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义，如果只有术语名或者只有定义也是可行的，也就是说 与 在其中数量不限、对应关系不限。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
2022-10-15 22:08:53
87
原创 HTML5 定位
绝对定位：参照有定位的父盒子，如果父盒子都没有定位则参照body。相对定位：参照原先自己的位置进行偏移，不会脱离标准流。绝对定位：absolute。固定定位：fixed。三种：相对定位：reflative。
2022-10-13 15:39:04
123
原创 HTML浮动
clearfix:after{ （伪元素内容为空）2、标准流+浮动布局策略：父级用标准流排列上下位置，内部子元素用浮动排列左右位置！1、网页布局第一准则：多个快级元素纵向排列找标准流，多个级元素横向排列找浮动。.clearfix{ /*兼容IE6/7 */*zoom:1；（浮动的元素：漂浮在普通流上，不占位置。2.浮动元素会一行内显示并且元素顶部对齐。3.浮动的元素会具有行内快元素的类似特性。1.浮动元素会脱离标准流（脱标）3、父级添加after伪元素。
2022-10-11 16:11:37
63
原创 CSS元素显示模式
6、特殊情况链接里可以放块元素，但是给转换一下块级模式最安全。2、width、height对齐属性直接设置无效。2、可以控制width、height、对齐属性；3、宽度默认是容器（父级元素宽度）的100%；, 1、一行显示多个，但两个元素之间有空白缝隙；1、相邻行内元素一行排列，一行可以显示多个；4、行内元素只能容纳文本个或其他行内元素。4、块元素内可以包含行内元素或块元素。3、默认宽度是内容本身的宽度；2、默认宽度是内容本身的宽度；行内块元素：inline-block。...
2022-08-29 16:53:35
83
原创 盒子模型
3、给大盒子加（overflow:hidden;2、不给小盒子加外边距，给大盒子加内边距。1、给大盒子加边框（border）解决方法：尽量只给一个盒子添加margin值。一、相邻块元素垂直外边距合并。
2022-08-29 15:28:12
50
原创 HTML5 超链接 (自学第三天)
几乎可以在所有的网页中找到链接。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。默认的被链接文档会在原有的窗口中打开的。使用Target属性，你可以定义被链接的文档在何处显示（在新的窗口打开，还是在原有的窗口中打开）。HTML使用标签来设置超文本链接，是可以从一个页面指向另一个目的端的链接。CSS是在HTML4开始使用的,是为了更好的渲染HTML元素而引入的.临时加的空链接，主要为了能更好的看到最终的效果。...
2022-08-01 17:10:01
1448
原创 HBuilderX样式大小比较
样式的三种引入方式：1.内联样式：直接在标签内style属性；......2.内部样式：在标签里加上标签，在标签内写入样式；3.外部样式：在css文件夹中新建.css文件，在.css文件中写入样式；在.html文件中用引用...
2022-06-27 16:36:40
372
原创 【Web标准的构成】
简单理解：结构写到HTML文件中、表现写到CSS文件中、行为写到JavaScript文件中。CSS：层叠样式表(Cascading Style Sheets）也叫CSS样式表、级联样式表。也是一种标记语言。用来设置HTML页面中的文本内容、图片的外形、以及版面的布局和外观显示样式。样式：1、内联样式 2、内部样式 3、外部样式内联样式：...
2022-06-21 16:11:28
57
原创 HBuilderX表格
tr——表行 td——数据1、表格：2、表头：3、表的数据部分：4、（row）:5、数据(data)列单元格：6、加粗的单元格：7.数据单元格之间的距离：cellspacing8、数据单元格的填充：cellpadding
2022-06-17 15:13:41
5675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人