随笔分类 -  [12]CSS

摘要:page { height: 100%; /* 必须有这个,下面的才有效 */ } .main { width: 750rpx; height: 100%; position: relative; image { width: 750rpx; height: 100%; } .title { fon 阅读全文
posted @ 2020-09-23 14:52 TBHacker 阅读(220) 评论(0) 推荐(0) 编辑
摘要:position: absolute; text-align: center; top:255rpx; width: 750rpx; left: 50%; margin-left: -375rpx; /* 宽度的一半 */ 阅读全文
posted @ 2020-09-23 14:46 TBHacker 阅读(236) 评论(0) 推荐(0) 编辑
摘要:由于开红包和领红包位于一个位置,可用绝对定位来处理! html css js 通过几个变量,可以灵活的控制内容展示。 阅读全文
posted @ 2020-05-25 15:06 TBHacker 阅读(557) 评论(0) 推荐(0) 编辑
摘要:html css 阅读全文
posted @ 2020-05-25 10:26 TBHacker 阅读(665) 评论(0) 推荐(0) 编辑
摘要:html css 阅读全文
posted @ 2020-05-19 16:15 TBHacker 阅读(597) 评论(0) 推荐(0) 编辑
摘要:新建通用common.scss 引入 这样,就不用重复的写SCSS了。 阅读全文
posted @ 2020-05-15 09:48 TBHacker 阅读(4840) 评论(0) 推荐(0) 编辑
摘要:html scss js 阅读全文
posted @ 2020-04-27 17:53 TBHacker 阅读(1230) 评论(1) 推荐(0) 编辑
摘要:其实,原理很简单。 知道结束时间之后,进行计算,还有多少天,多少小时,多少分,多少秒。 每秒刷新一次时间。 倒计时结束之后,不再刷新,统统清零。 后台,返回时间戳,或者结束时间字符串都可以。前台,根据不同结果,进行处理。 处理成,day,hou,min,sec在页面中展示。 html css 阅读全文
posted @ 2020-04-26 20:27 TBHacker 阅读(970) 评论(0) 推荐(0) 编辑
摘要:css html js 阅读全文
posted @ 2020-04-24 18:27 TBHacker 阅读(452) 评论(0) 推荐(0) 编辑
摘要:``` $('.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 阅读全文
posted @ 2020-02-21 11:21 TBHacker 阅读(1963) 评论(0) 推荐(0) 编辑
摘要:```/** 屏幕特殊处理 我们用min-width时,小的放上面大的在下面,同理如果是用max-width那么就是大的在上面,小的在下面 **/@media screen and (max-width: 1680px) { //<= 1680px body { background-color: red; }}@media screen and (max-width: 1280px) ... 阅读全文
posted @ 2020-01-31 14:20 TBHacker 阅读(229) 评论(0) 推荐(0) 编辑
摘要:html css 结构很清晰! 阅读全文
posted @ 2020-01-19 17:49 TBHacker 阅读(236) 评论(0) 推荐(0) 编辑
摘要:设定宽度 不换行 超出隐藏 超出点点点 | 值 | 描述 | | : | : | | clip | 修剪文本。 | | ellipsis | 显示省略符号来代表被修剪的文本。 | | string | 使用给定的字符串来代表被修剪的文本。 | 阅读全文
posted @ 2020-01-16 10:31 TBHacker 阅读(1330) 评论(0) 推荐(0) 编辑
摘要:html css 阅读全文
posted @ 2020-01-15 11:51 TBHacker 阅读(2583) 评论(0) 推荐(0) 编辑
摘要:首页入口 进入搜索页 搜索结果页 后台提供三个接口 搜索页面 搜索页面业务逻辑 搜索页面样式 搜索结果页面 搜索结果页逻辑 搜索结果页样式 阅读全文
posted @ 2020-01-14 11:35 TBHacker 阅读(2175) 评论(0) 推荐(0) 编辑
摘要:html css 阅读全文
posted @ 2020-01-13 09:03 TBHacker 阅读(231) 评论(0) 推荐(0) 编辑
摘要:inline block inline block flex inline flex 阅读全文
posted @ 2020-01-10 16:32 TBHacker 阅读(2134) 评论(0) 推荐(0) 编辑
摘要:先搭架子 再实现第一个内容 填充更多内容 拆掉border,查看最终效果 html代码 css代码 这里巧妙的运用了hover属性,结合transition平滑过渡。不需要js,一样可以实现动态效果。 阅读全文
posted @ 2020-01-09 11:36 TBHacker 阅读(6915) 评论(0) 推荐(0) 编辑
摘要:文本居中 如果是图片放在div中,就没办法了。用flex可以很简单实现。 下面是案例: html css 阅读全文
posted @ 2020-01-08 18:09 TBHacker 阅读(1266) 评论(0) 推荐(0) 编辑
摘要:其实很简单,就是一个margin top的问题,但是需要relative的定位方式才能悬在上面。 html部分 css 阅读全文
posted @ 2020-01-08 17:21 TBHacker 阅读(832) 评论(0) 推荐(0) 编辑