- 博客(16)
- 收藏
- 关注
RSS订阅原创 JS进阶学习
<div data-id="1"> 自定义属性 </div><script>// 1. 获取元素// 2. 获取自定义属性值</script>
2025-07-23 14:31:33
384
原创 移动web开发之响应式布局
Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。框架：顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，而且控制权在框架本身，有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。优点标准化的html+css编码规范提供了一套简洁、直观、强悍的组件有自己的生态圈，不断的更新迭代让开发更简单，提高了开发的效率版本。
2025-03-07 19:32:12
1004
原创 移动web开发之rem适配布局
媒体查询（Media Query）是CSS3新语法。使用@media 查询，可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询Less （Leaner Style Sheets 的缩写） 是一门 CSS 扩展语言，也成为CSS预处理器。
2025-03-06 20:22:30
1114
原创 移动web开发之flex布局
数值越小，排列越靠前，默认为0。（结构不变，变的是css设置）注意：和 z-index 不一样。.item {/* 默认是0 -1比0小所以在前面 */order: -1;
2025-03-05 20:57:48
816
原创 移动web开发之流式布局学习
视口就是浏览器显示页面内容的屏幕区域视口分为布局视口、视觉视口和理想视口我们移动端布局想要的是理想视口就是手机屏幕有多宽，我们的布局视口就有多宽想要理想视口，我们需要给我们的移动端页面添加 meta视口标签现在市场常见的移动端开发有 单独制作移动端页面 和 响应式页面 两种方案现在市场主流的选择还是单独制作移动端页面。
2025-03-05 19:50:52
1007
原创 CSS3进阶
1. 转换transform 我们简单理解就是变形 有2D 和 3D 之分2. 我们暂且学了三个 分别是 位移 旋转 和 缩放3. 2D 移动 translate(x, y) 最大的优势是不影响其他盒子， 里面参数用%，是相对于自身宽度和高度来计算的4. 可以分开写比如 translateX(x) 和 translateY(y)5. 2D 旋转 rotate(度数) 可以实现旋转元素 度数的单位是deg。
2025-02-16 13:57:59
712
原创 表格列表表单的复习
自定义列表的使用场景:自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。在 HTML 标签中，标签用于定义描述列表（或定义列表），该标签会与（定义项目/名字）和（描述每一个项目/名字）一起使用。语法如下：名词1名词1解释1名词1解释2。
2025-02-09 13:11:43
674
原创 HTML进阶知识总结
通常，会将整个表单元素，放置form元素的内部，作用是当提交表单时，会将form元素内部的表单内容以合适的方式提交到服务器。当type值为reset（重置）、button（普通按钮）、submit（提交）时，input表示按钮。可以通过for属性，让label元素关联某一个表单元素，for属性书写表单元素id的值。readonly属性：布尔属性，是否只读（不可修改），不会改变表单显示样式。disabled属性：布尔属性，是否禁用（不可使用），会改变表单显示样式。对界面要求不高，对功能性要求高。
2024-11-19 22:21:17
1746
原创 CSS基础学习概念总结（二）
也可以使用图片--->cursor: url("图片地址(通常后缀为.ico/.cur)"), auto;预设值: left, bottom, right,top,center。写法: background-img: url("图片地址");a:nth-child（5）：必须是a元素，必须是第5个元素。first-of-type：选中子元素中第一个某种类型元素。last-of-type：选中子元素中最后一个某种类型元素。使用cursor设置,有许多选择,默认是auto;选中指定子元素中第几个某类型元素。
2024-11-17 16:05:27
446
原创 CSS基础学习知识总结·
文字粗细程度，可以取值数字，也可以取值为预设值（一般就两个：加粗-bold，不加粗-normal。每个元素必须有字体大小，如果没有声明，则直接使用父元素字体大小，如果没有父元素（html）若宽度，边框，内边距计算后，仍然有剩余空间，该剩余空间被margin-right全部吸收。：光学三原色（红，绿，蓝），每个颜色可以使用0~255之间数字来表达（256色），色值。i，em元素，默认样式就为倾斜字体；一个元素，从所有属性都没有值，到所有属性都有值，计算这个过程，叫做属性值计算过程。normal：普通。
2024-11-10 13:27:17
532
原创 HTML基础笔记
每一个HTML元素都有其具体意义a元素：超链接p元素：段落h1元素：一级标题所有元素与展示效果无关元素展示在页面效果由CSS决定浏览器带有默认CSS样式，所以每个元素都有一些默认形式 （Ctrl+d）相同元素全部选中通常用于术语的定义dl：定义列表dt：标题dd:描述。
2024-11-03 19:03:50
711
原创 指针概念性总结
假设有⼀栋宿舍楼，把你放在楼⾥，楼上有100个房间，但是房间没有编号，你的⼀个朋友来找你玩， 如果想找到你，就得挨个房⼦去找，这样效率很低，但是我们如果根据楼层和楼层的房间的情况，给 每个房间编上号，如： 1 2 3 ⼀楼： 101 ， 102 ， 103... ⼆楼： 201 ， 202 ， 203... ... 有了房间号，如果你的朋友得到房间号，就可以快速的找房间，找到你。• const如果放在*的右边，修饰的是指针变量本⾝，保证了指针变量的内容不能修改，但是指针指 向的内容，可以通过指针改变。
2024-10-27 18:08:22
1462
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人