day10-表单&bfc

最新推荐文章于 2025-11-27 12:29:19 发布
原创 最新推荐文章于 2025-11-27 12:29:19 发布 · 100 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

博客介绍了前端透明属性的表达形式，包括rgba修饰单个元素、#六个字符10 - 99以及opacity取值0 - 1，还提及解决兼容问题的方法，即使用filter:alpha(opacity=50)。

<!--

    透明属性的表达形式

    1.rgba(,,,alpha) 修饰当前单个元素

    2.#六个字符10~99

    3.opacity:取值范围在0~1之间

    解决兼容的问题: filter:alpha(opacity=50)

 -->

day09-高级表单表格&BFC
HAI6545的博客
12-07 247
1.高级表单 表单域下拉列表（菜单） 语法： <select > <option>下拉选项1</option> <option>下拉选项2</option> </select> 表单域多行文本定义： 语法： <textarea name="" cols="" rows="" > </textarea> 说明： 多行文本。rows属性和cols属性用来设置文本输入窗口...
html-day09隐藏显示&BFC
Charlotte_99的博客
02-20 480
1.多种显示与隐藏方式的区别 1.display:none; 不占据原位置 2.visibility:hidden; 会占据原位置 [visibility:visible;显示] 3.opacity:0; 会占据原位置。可以点击触摸等。 2.表格 1.表格相关的属性 1.border-spacing:*px; 双线边框之间的间隔 2.border-collapse:collapse; 双线边框变细边框 注意：必须配合td的边框一起使用才会生效。 3.table
day10高级表单表格bfc
qq_44718740的博客
07-24 135
一、表单补充 1.textarea标签 定义多行的文本输入控件 文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体，可以通过cols(宽，列数)和rows(行数)属性来规定textarea的尺寸,不过更好的办法是使用css的height和width属性。 属性：属性值 resize:none;/清除文本控件右下角的放大按钮； 2.select>opion标签 select元素可创建单选或多选菜单 select元素中的option标签用于定义列表中的可用选项。 （下拉列表选项） 3.自带边框的
2021-05-26 Day09-BFC和表单、表格补充
wxy1345886334的博客
05-26 83
回顾 1.width:auto;height:auto; 2.min-width/max-width min-height/max-height body{ min-width:1200px; } 3.平分body高度 html,body{ height:100%; } 4.高度塌陷问题 - 父容器固定高度 - 父容器添加oveflow:hidden;(触发了BFC) - 父容器:after{ content:""; display:block; height:0;
java--cookie&session
hugh 的博客
05-28 736
cookie& session -java
Day10-渐变、过渡、位移
wxy1345886334的博客
05-26 115
回顾 1.表格 表格行分组thead,tbody,tfoot 表格标题<caption></caption> - 单元格合并border-collapse:collapse; - 单元格间距border-spacing:20px; - 标题位置caption-side:bottom; - 固定表格布局table-layout:fixed; - 无内容单元格隐藏empty-cell:hide; - 边框th,td{border:1px solid red;} 2.表单
HTML5+CSS3之快速入门 day6-day10布局，表单，css精灵，css hack，BFC规范
热门推荐
m0_47268176的博客
11-30 1万+
day06 布局核心： 盒模型（间距） 浮动 （并排） 定位 （覆盖+ 特殊位置） 定位类型position 静态定位 position:static; 默认值 静态定位不能使盒子位置变化 不适合布局 作用：解决低版本浏览器兼容问题 相对定位 position:relative; 能不能使盒子发生位置变化 yes ​ 2. 参考对象：自身初始位置 ​ 3. 脱离不脱离标准流 不脱离标准（保留原来位置 ） ​ 4. 是否适合布局：不适合
HTML+CSS-Day10
qq_45229580的博客
09-20 537
所以形成BFC的元素可以清除浮动带来的影响，不然的话，子元素浮动，父元素塌陷，父元素的兄弟元素会和父元素的子元素重叠，就违背了BFC的初衷，所以要清除浮动带来的影响。用户的浏览器默认渲染的文字大小是“16px”（大多数浏览器）“em”是一个相对的大小，相对的是"父级元素"的字体大小，我们可以这样来设置 1em，0.5em，1.5em。可以清除子元素浮动带来的影响。）在父级水平居中的方式：是对块级元素中的文字，或对块级元素的内联元素水平居中，这个元素需要给父级（块元素），块级元素的水平居中不能使用该属性。
day04 --前端复习
for what
03-24 176
CDN 内容分发网络，是部署在互联网上多个数据中心的大型分布式服务器系统，以更高的带宽提供来自服务器的文件本意在于尽可能避免互联网上所有影响数据传输速度和稳定性的瓶颈和环节，使内容传输更快，更稳定。适用于站点加速，点播，直播等场景。用户可以就近取的所需内容。 缺点：实施复杂，投资大。目前大部分只对静态内容加速 Ajax中get 和 post 的区别 get和post都是向服务器发送一种请求...
012day(表单，表单的css样式，post和get，h5新增加的表单type属性值，h5新增的表单属性，h5新增加的表单标签，bfc)
w296932099的博客
07-26 422
一、表单 1、表单的作用：用来收集用户的信息的; 2、表单的组成： ①表单域：（表单的区域） <form name="" method="get/post" action=""></form> ②表单控件 ： <input type="text" value=""/> 3⃣提示信息（请输入姓名） 3、单选框radio 请选择你的性别<input type="radio" name="sex">男 <input type="radio" n
零基础小白学Node-RED（07）：综合案例分析
知无涯
10-25 5015
讲解Node-RED的综合示例
Vue-baidu-map离线功能的用户界面设计与交互：最佳实践指南
[Vue-baidu-map离线功能的用户界面设计与交互：最佳实践指南](https://opengraph.githubassets.com/8b4570c2e73b7f9bfc29f9954b27a62fd7d494e699f1543ae1c000a03e2151fb/phphe/baidu-map-track-render-vue) ...
前端知识宝典
qq_37759901的博客
01-29 2306
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
微信小程序万能模板（tabBar\openid\授权登录\云开发之一个云函数实现云数据库增删查改！）
m0_51907564的博客
10-18 1084
微信小程序万能模板。首先，一般来说做一个微信小程序第一步就是分析功能，建立依据功能划分tabBar;其次，小程序少不了用户登录，这是小程序的一个基本功能；再次，在记录用户信息和行为时我们需要用到能够唯一标识用户身份的openid；最后也是最重要的，小程序的一切功能都离不开数据库的“增删查改”操作，这里用很简洁的方式将云数据库的增删查改封装起来，简化代码，便于应用。
Vue开发工具使用技巧
2509_93946471的博客
11-24 335
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
TypeScript类型推断
2509_93947330的博客
11-23 344
它让我们在享受静态类型检查好处的同时，减少了类型注解的负担，真正体现了TypeScript的设计哲学——在JavaScript的基础上添加静态类型，而不是改变JavaScript的编程模式。例如在DOM事件监听中，写时，虽然我们没有标注event参数的类型，但TypeScript能根据addEventListener的上下文推断出event是MouseEvent类型。当你定义时，TypeScript会推断name为string类型，age为number类型，而不是特定的字面量类型。
Rust高性能Web后端服务开发与Actix-Web实战分享：零成本抽象、高并发处理与内存安全实践
2501_94181083的博客
11-23 755
数据序列化使用bincode替代 JSON：节省 30% CPU对热点代码进行#[inline]展开Netty 式 Reactor 模型减少线程调度开销批量 DB 提交减少 IO 压力缓存热点业务路径到 Redis最终整个平台达成：单机 QPS：18 万P99 延迟 < 30msCPU 占用在可控范围内资源释放完全可预期，无内存泄漏风险高性能，无 GC 停顿编译期保证内存安全，避免线上事故Actix-Web 性能强劲，适合高并发系统适合对性能和稳定性要求极高的互联网生产环境。
springBoot 2.x.x MetaObjectHandler自动填充不生效
最新发布
Billow_lamb的博客
11-27 74
这个文件在全局拦截中做处理 通过前端的请求头里面去解析token信息 然后去redis 的key的匹配前端的token 在通过redis去解析 拿到 当前登录用户信息。MetaObjectHandler自动填充不生效 踩空日记。企鹅群 398913416。
MyBatis + PageHelper 分页内幕，PageHelper 是如何动态构建 LIMIT 分页 SQL 的
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
11-26 571
若依系统中有很多的表格数据、后端接口实体中并没有看到有接收分页大小和页码的属性，在系统的mapper层面SQL语句中并没有看到对应的分页限制。它是如何实现这个分页效果的呢？是将所有的数据查询出来，然后再分页吗？这样效率岂不是非常低。带着这样的疑问，稍微研究了一下这个系统的分页方法。更多详细文章后端是通过从 HttpServletRequest 对象中获取分页的页码和大小，然后创建Page分页对象，在执行sql查询的时候，动态构建分页限制条件。从而实现分页，并不是在查询到所有数据之后再进行的分页处理。
深入浅出HTML-bfc的基本概念和应用
- 利用BFC进行布局优化：比如制作一个列布局，可以为每列创建一个BFC，以避免列与列之间的相互影响。 - 清除内部元素浮动：在外层容器中创建BFC，使得内部的浮动元素也参与容器的高度计算。 - 实现自适应两列布局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值