随笔分类 -  css

img标签图片显示方式 object属性值
摘要：object-fit:fill； object-fit: contain; object-fit: cover; object-fit: none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title 阅读全文
posted @ 2022-06-28 11:20 塞巴斯酱 阅读(354) 评论(0) 推荐(0)
css 使伪元素继承内容高度
摘要：效果如图： 实现左侧线高度继承内容高度，无论内容多少行左侧线随内容高度增减。 style： <style> ul,li { list-style: none; } .line { width: 300px; } .line li { position: relative; padding: 10px 阅读全文
posted @ 2022-06-07 10:53 塞巴斯酱 阅读(289) 评论(0) 推荐(1)
js多项筛选功能
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js多项筛选功能</title> <style> dl, dd { margin: 0; } #boxSeach { width: 850px; background: rgba( 阅读全文
posted @ 2021-07-05 17:43 塞巴斯酱 阅读(442) 评论(0) 推荐(0)
border的属性值 borde-style
摘要：border属性： border-style的属性值 描述 最不可预测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不过，CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗，也没有指出线之间的空间是否应当比线粗。所有 阅读全文
posted @ 2020-12-23 13:51 塞巴斯酱 阅读(573) 评论(0) 推荐(0)
滚动条样式
摘要：::-webkit-scrollbar { width:9px; height:9px;}::-webkit-scrollbar-track { width: 6px; background-color: #c3c3c38a; -webkit-border-radius: 2em; -moz-bor 阅读全文
posted @ 2020-12-23 10:49 塞巴斯酱 阅读(104) 评论(0) 推荐(0)
html 缩放页面样式不乱（动态设置rem的跟字体大小rem布局实现）
摘要：主要核心代码（通过动态获取浏览器窗口宽度给html设置font-size,然后使用rem布局实现缩放页面样式不乱掉）: <script> ;(function(win) { var tid; function refreshRem() { let designSize = 1920; // 设计图尺 阅读全文
posted @ 2020-10-09 14:03 塞巴斯酱 阅读(3440) 评论(0) 推荐(1)
多行文字溢出显示省略号
摘要：多行文本溢出隐藏（有详细的解释）：https://www.html.cn/archives/5206/ 单行文字溢出css： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文字溢出省略号显示css： overflo 阅读全文
posted @ 2020-01-20 14:23 塞巴斯酱 阅读(142) 评论(0) 推荐(0)
.css( ) js中设置css样式
摘要：给p标签设置样式，多个样式时用{ }对象包裹，中间每个属性值用逗号“ ，”隔开 $('p').css({"width":"30px","height":"30px"}); $(".redPage").css({"background-image":"url(${base}/resources/sho 阅读全文
posted @ 2019-11-20 16:06 塞巴斯酱 阅读(771) 评论(0) 推荐(0)
html页面空格显示问题
摘要：1，使用&nbsp; (注意后面要加分号！) 页面就可以显示空格 2，使用全角空格，全角空格会被解析成汉字处理 3，如果后端传递来得数据个别数据需要单条数据加空格，前端代码通过css样式控制：white-space:pre 属性值为pre空白会被浏览器保留 详细的有关此属性的属性值 http://w 阅读全文
posted @ 2019-03-19 19:45 塞巴斯酱 阅读(2309) 评论(0) 推荐(0)
css去除已有的背景颜色
摘要：在已经设置好背影颜色上加上 background-color:transparent; 背景图片固定不随滚动条滚动 background-attachment:fixed; 阅读全文
posted @ 2019-03-02 18:44 塞巴斯酱 阅读(10236) 评论(0) 推荐(0)