css
嗷呜~嗷呜~呜呜~
加油!成为大佬!
展开
-
css 动画
<style> button { border-radius: 5px; color: white; background-color: #0F5897; padding: 5px 10px 8px 10px; } button:hover { animation-name: background-color; animation-duration: 500ms; } ...原创 2022-03-28 11:13:51 · 61 阅读 · 0 评论 -
小于12px的字体
小于12px的字体样式设置 // 如果需要小于12px的文字,只能使用css转换属性-缩放 transform: scale(.8); //缩放为80%大小 //这个不用写进去 用来解决另外的需求 transform-origin: left center; //变形的原点:左侧中央 另外,如果我们需要画一个0.5px的一条线也是一样的用这个属性就可以实现...原创 2022-02-11 12:27:00 · 228 阅读 · 0 评论 -
Css溢出文字隐藏
显示1行 /* 显示一行 */ .one-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }显示2行 /* 显示两行 */ .two-line { /* 溢出内容隐藏 */ overflow: hidden; /* 文本溢出部分用省略号代替 */ text-overflow: elli.原创 2022-02-11 12:17:49 · 288 阅读 · 0 评论 -
css之BFC特性
BFC特性也就是块级格式化上下文, 是CSS可视化渲染的一部分,它是一块区域,规定了内部块盒的渲染方式,以及浮动相互之间的影响关系.当元素设置了overflow样式时,该元素就构建了一个BFC,BFC在计算高度时,内部浮动元素的高度也要计算在内,也就是说技术BFC区域内哪怕只有浮动元素,BFC的高度也不会发生塌缩,所以就可以利用BFC特性达到清除浮动的目的,只需要设置overflow属性就可以了,这个方法只适用于因为浮动而导致的父元素塌陷的问题,不能解决定位所带来的父元素塌陷问题....原创 2022-01-01 14:45:43 · 172 阅读 · 0 评论 -
css—定位
css定位介绍原创 2022-01-01 14:36:31 · 169 阅读 · 0 评论 -
使元素隐藏消失的三种方法以及区别
1.opacity:0,利用透明度为0,完全透明使元素隐藏,不会改变页面布局,任然占据页面原来的位置,如果该元素已经绑定一些事件,如click事件,那么点击该区域,能够触发点击事件.类似于看不见,但是摸得着2.visibility:hidden,该元素隐藏,不会改变页面布局,任然占据页面原来的位置,但是不会触发该元素已经绑定的事件,这个看不见也摸不着3.display:none, 元素消失,会改变页面布局,不再占据页面原来的位置,可以理解成在页面中把该元素删除掉。这个就直接删除这个元素...原创 2022-01-01 14:14:14 · 388 阅读 · 0 评论 -
css绘制三角形
原理 :设置盒子宽高为0,然后设置四条边的边框大小,样式以及颜色为透明色,然后再单独设置一条边的边框为其他颜色,覆盖之前的样式,得到三角形.<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 0; height: 0...原创 2022-01-01 13:30:19 · 246 阅读 · 0 评论 -
css实现盒子居中的5种方法
css让盒子居中显示的5种方法原创 2022-01-01 13:36:51 · 601 阅读 · 0 评论 -
css选择器
css选择器介绍原创 2021-12-31 00:50:31 · 99 阅读 · 0 评论 -
css样式--浮动详解
浮动详解原创 2021-12-01 00:50:32 · 340 阅读 · 0 评论