css
css
我兔威武
哒哒哒哒
展开
-
AI生成--在vue项目中使用scss
scss原创 2023-07-14 09:24:47 · 169 阅读 · 0 评论 -
文本溢出解决方法
1、单行文本溢出.hidden { overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容) white-space: nowrap;(设置文字在一行显示,不能换行) text-overflow: ellipsis;(规定当文本溢出时,显示省略符号来代表被修剪的文本)}2、多行文本溢出省略.hidden { -webkit-line-clamp: 2;(用来限制在一个块元素显示的文本的行数,2 表示最多显示 2 行。为了实现该效果,它需要组合其他的 WebKit原创 2021-12-13 14:34:49 · 861 阅读 · 0 评论 -
CSS3新属性
1、CSS3边框border-radius:圆角边框border-shadow:边框阴影border-image:边框图片2、CSS3背景background-size:属性规定背景图片的尺寸。background-origin:属性规定背景图片的定位区域。3、CSS3文字效果text-shadow:文本阴影。word-wrap:对长单词进行拆分,并换到下一行4、CSS3 2...原创 2018-12-18 10:47:42 · 180 阅读 · 0 评论 -
HTML5新特性
1、 拖拽释放API:drag+dropdragstart:拖拽开始drag:拖拽中dragend:拖拽结束dragenter:拖动着进入dragover:拖动着悬停在上方dragleave:拖动着离开drop:在目标位置释放拖动事件是要求获得相对于整个页面的左上角的偏移量,使用e.pageX/pageY。2、 音视频API:audio音频,video视频① video:定义...原创 2018-12-18 10:49:53 · 120 阅读 · 0 评论 -
less&&sass
Sass和Less都属于CSS预处理器。CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易懂的话来说就是“用一种专门的编程语言,进行 Web 页面样式设计,再通过编译器转化为正常的 CSS 文件,以供项目使用”。Cass的安装需要安装Ruby环境...原创 2018-12-18 21:36:46 · 153 阅读 · 0 评论 -
滚动条样式
/*滚动条样式*/ .box::-webkit-scrollbar { width: 4px; } .box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0..原创 2020-06-08 09:22:11 · 91 阅读 · 0 评论 -
淘宝css初始化代码
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { f...原创 2019-06-20 15:37:29 · 429 阅读 · 0 评论 -
高频面试题 —— css
link @importcss 居中问题使用css实现一个三角形css 布局,左边定宽右边自适应浮动rem em pxdisplay有哪些值margin塌陷css动画link @import建议使用link,慎用@import(1)@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。(2)加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将原创 2021-04-09 10:44:19 · 149 阅读 · 0 评论 -
鼠标移入后鼠标样式
十字准心 cursor: crosshair;小手 cursor: pointer; cursor: hand;( IE5 hand)沙漏 cursor: wait;帮助 cursor: help;无法释放 cursor: no-drop;编辑 cursor: text;可移动对象 cursor: move;向上改变大小(North) cursor: n-resize;向下改变大小(South) cursor: s-resize;向右改变大小(East) cursor: e-resize;原创 2021-03-31 10:46:12 · 305 阅读 · 1 评论