css
试图让你心动
本人从事前端,不断积累经验,学习新的技术。
一个宝藏博主,值得喜欢!
展开
-
如何使用css实现一个加载动画
如何使用css实现一个加载动画 有四个点 初始化为同一个颜色 每个阶段 不同的透明度 刷新也不会影响初始化。原创 2024-03-01 14:38:36 · 384 阅读 · 0 评论 -
css如何设置元素超过多少个字出现省略号
css如何设置元素超过多少个字出现省略号原创 2024-01-08 17:15:31 · 964 阅读 · 0 评论 -
如何实现宽度超出24个字出现省略号还可以换行(最多2行)
【代码】如何实现宽度超出24个字出现省略号还可以换行(最多2行)原创 2023-12-29 14:04:37 · 442 阅读 · 0 评论 -
如何设置css判断class元素数据为空的时候显示‘--’
empty是一个css的伪类选择器,用于选择页面中为空的元素,作用于该元素,使用 empty 配合 bofore 或者 after 可以打到空元素占位的效果,当后端数据返回接口里面为空 要进行处理成‘–’empty_ph css样式。这样是最简单的办法了。原创 2023-01-13 11:43:29 · 854 阅读 · 0 评论 -
scss混合(mixins)使用 公共样式使用
1、创建mixins.scss文件//文本n行溢出隐藏@mixin ellipsisBasic($clamp:2) { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: $clamp;}以上代码中,$clamp是变量,决定最多显示几行文本,默认是显示2行,调用的时候可自行传参设置。2、在组件中使用原创 2022-03-09 17:17:32 · 2052 阅读 · 0 评论 -
前端命名规范[新手 必读]
网页公共命名:#wrapper - - 页面外围控制整体布局宽度#container或#content - - 容器,用于最外层#layout - - 布局#head,#header - - 页头部分#foot,#footer - - 页脚部分#nav - - 主导航#subnav - - 二级导航#menu - - 菜单#submenu - - 子菜单#sidebar - - 侧栏#sidebar_a,#sidebar_b - - 左边栏或右边栏#main - - 页面主体#ta原创 2021-07-16 14:32:16 · 271 阅读 · 0 评论 -
postiton定位
position: staticstatic(没有定位)是position的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z- index属性。position: relativerelative(相对定位)是指给元素设置相对于原本位置的定位,元素并不脱离文档流,因此元素原本的位置会被保留,其他的元素位置不会受到影响。position: absoluteabsolute(绝对定位)是指给元素设置绝对的定位,相对定位的对象可以分为两种情况:设置了absolu原创 2021-07-06 10:20:47 · 85 阅读 · 0 评论 -
css如何实现鼠标放到按钮上从左往右动画移入[可看示例]
.hot_products_right_nav .hot_products_right_tit{ cursor: pointer; width: 112px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #4a8cf6; float: left; margin-left: 20px; font-size: 13px; positio原创 2021-07-05 17:52:20 · 1306 阅读 · 0 评论 -
让某一个元素居中的方式[面试题]
html <div id="box"> <div id="x"></div> </div>css方法一:父相自绝后,子分部向左向上移动本身宽度和高度的一半(也可以用 transform:translate(-50%,-50%))最常用方法 #box{ width: 400px; height: 400px; background: red; positio原创 2021-03-25 14:21:42 · 91 阅读 · 0 评论 -
什么是盒模型以及标准模式和怪异模式的区别[新手必看]
1. 什么是盒子模型?在我们HTML页面中,每一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。2.盒子模型有哪两种?标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪异模式下: 一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)(IE浏览器)原创 2021-03-25 09:58:28 · 395 阅读 · 0 评论 -
css清除浮动的几种方法【常用】
css清除浮动的几种方法平常做页面的时候很容易出现浮动的现象,这时候要想到清除浮动<div class="big"> <div class="div1"> </div> <div class="div2"> </div> </div>css样式 .div1{ width: 100px; height: 100px原创 2020-07-10 11:32:56 · 190 阅读 · 0 评论