TBHacker的博客_[12]CSS(3)

小程序scss页面布局

html scss 自动生成wxss 结构非常清晰，很方便。这里的表单提交，放到form中。 js 很有意思。

d3

生命周期

ico

自动生成

ide

原创 2021-08-05 15:56:17 105 阅读

微信小程序，加载更多

html css js

小程序

生命周期

edn

ide

数据

原创 2021-08-05 15:56:15 117 阅读 1收藏

小程序，红包弹出层布局

html css

css

html

垂直居中

弹出层

小程序

原创 2021-08-05 15:54:19 535 阅读

经验分享：CSS浮动(float,clear)通俗讲解太棒了，清晰明了

很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那...

清除浮动

css

css样式

html

兼容性问题

原创 2021-08-05 15:54:08 68 阅读

表单批量添加

批量添加表单如何写？1.方案一普通美术 ...

表单

主键

提交数据

批量添加

原创 2021-08-05 15:51:36 126 阅读

自制html

//$this->_red('账号或密码有误','/student/stureg/add'); echo ''; echo '账号或密码有误'; echo ''; exit;

ide

html

原创 2021-08-05 15:51:30 251 阅读

表格无边框,有内框,在table嵌套时，防止出现重复边线

test 表格无边框,有内框! ^^ CSDN 学习积累 ...

html

css

无边框

原创 2021-08-05 15:51:24 221 阅读

@media屏幕适应

```/** 屏幕特殊处理我们用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 **/@media screen and (max-width: 1680px) { //<= 1680px body { background-color: red; }}@media screen and (max-width: 1280px) ...

css

其他

原创 2021-08-05 15:50:21 146 阅读

css选择器，过滤筛选

``` $('.required:not(.final_price)').each(function() { if (!$(this).val()) { error_count ++; if ($(this).hasClass('sku')) { layer.tips('请填写规格',$(this)); } else if($(this).hasClass('visit_price')) { la

其他

原创 2021-08-05 15:50:19 522 阅读

jquery+css实现菜单收缩效果并适应多种浏览器与移动平台

效果出现css部分.content-wrapper{ -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out; -moz-transition: -moz-transform .3s ea...

ide

ico

html

javascript

jquery

原创 2021-08-05 15:46:38 157 阅读

css案例学习之按钮超链接

效果css实现按钮超链接 Home Contact Us Web Dev Web Design Map

超链接

html

阴影效果

css

背景色

原创 2021-08-05 15:46:06 359 阅读

css案例学习之div+a实现菜单

效果代码基本菜单 Home Contact Us Web Dev Web Design Map

html

xml

3c

固定宽度

下划线

原创 2021-08-05 15:46:04 70 阅读

css案例学习之双斜角横线菜单

效果代码双斜角横线菜单 Home Contact Us Web Dev Web Design Map

html

背景色

5e

xml

块级元素

原创 2021-08-05 15:46:02 187 阅读

css案例学习之div a实现立体菜单

效果代码立体菜单 Home Contact Us Web Dev Web Design Map

html

5e

xml

块级元素

3c

原创 2021-08-05 15:46:00 146 阅读

css案例学习之通过relative与absolute实现带说明信息的菜单

效果如下代码带说明信息的菜单 Home 这里说明Home菜单项 Contac...

html

菜单项

块级元素

背景色

绝对定位

原创 2021-08-05 15:45:58 18 阅读

css案例学习之span边框实现的特殊效果

bottom leftbottom righttop lefttop right配合颜色来使用，实现一些神奇的效果#menu a span{ height:0; width:0; /*border-top:solid 6px #fff; ...

html

xml

3c

自适应

编程

原创 2021-08-05 15:45:57 158 阅读

css案例学习之ul li dl dt dd实现二级菜单

效果代码实现二级菜单 Artech Studio Web Dev Web Design Books C...

html

菜单项

子菜单

xml

二级菜单

原创 2021-08-05 15:45:55 155 阅读

css案例学习之用thead、tbody、tfoot实现漂亮的table布局

首先说说thead、tbody、tfoot 无论前后顺序如何改变，内的元素总是在表的最上面，总在表的最下面效果代码如下Book List Book List ...

html

3d

xml

3c

css

原创 2021-08-05 15:45:53 918 阅读

css案例学习之table tr th td ul li实现日历

效果代码Calendar 2007年10月星期一星期二星期三星期四星期五星期六星期日 31 1 2 ...

视频教程

css

html

数据

属性值

原创 2021-08-05 15:45:51 239 阅读

自制简单表单验证relative与absolute定位

html结构，用到了label与span添加样式.relative{ position: relative; font-weight: normal;}.msg_dialog{ display: block; width:200px; height:auto; p...

ajax

ide

提示信息

表单

html

原创 2021-08-05 15:45:48 72 阅读

绝对定位居中

position: absolute; text-align: center; top:255rpx; width: 750rpx; left: 50%; margin-left: -375rpx; /* 宽度的一半 */

干货

原创 2021-08-05 15:42:43 210 阅读

绝对定位实现初始化页面

page { height: 100%; /* 必须有这个，下面的才有效 */ } .main { width: 750rpx; height: 100%; position: relative; image { width: 750rpx; height: 100%; } .title { fon

背景图

绝对定位

原创 2021-08-05 15:42:28 193 阅读

CSS3之超出隐藏

html css

tools

css

html

原创 2021-08-05 15:28:09 1065 阅读

boot小知识

lg 大， md 中等， sm 小， xs 极小。可以单独用,也可以混合用，不同的屏幕用不同的比例。 push ,pull 推拉。这个不实用。 row里面可以嵌套实用row。挤不下的时候，就会自动往下排。 clearfix清除浮动。 offset 偏移。 alert 醒目显示。 hidden x

侧边栏

表单

嵌套

屏幕显示

自定义样式

原创 2021-08-05 15:28:00 108 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客