css
有趣的前端
这个作者很懒,什么都没留下…
展开
-
CSS滚动条样式兼容IE8和Chrome浏览器
CSS滚动条样式兼容IE8和Chrome浏览器原创 2022-04-26 16:26:55 · 561 阅读 · 0 评论 -
Vue中动态设置Style样式
凡是有-的style属性名都要变成驼峰式,比如font-size要变成fontSize除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff 对象 html :style="{ color: activeColor, fontSize: fontSize + 'px' }" ...原创 2021-05-24 10:33:30 · 2954 阅读 · 1 评论 -
教你@media媒体查询来适配ipad iphone5678plus 各种屏幕
@media媒体查询 这功能是非常强大的,他可以让你定制不同的分辨率和设备,并在不改变内容的情况下,让你制作的web页面在不同的分辨率和设备下都能显示正常,并且不会因此而丢失样式。/* 判断ipad */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){/* style */}/* ipad横屏 */@media only screenand (min-device-width.原创 2020-12-18 17:46:55 · 2896 阅读 · 1 评论 -
element UI表格线不齐一行代码解决!!!!!!
在入口文件app.vue加上全局样式:<style> body .el-table th.gutter {display: table-cell !important;}</style>就解决了原创 2020-12-08 16:30:09 · 237 阅读 · 1 评论 -
一行代码搞定overflow: scroll;滚动条隐藏,并不妨碍滚动
代码:& 为overflow: scroll;的盒子/*用伪类选择器 ::-webkit-scrollbar*/&::-webkit-scrollbar {width: 0 !important}原创 2020-09-15 14:47:54 · 488 阅读 · 0 评论 -
css3 文本超出省略
单行超出省略 white-space: nowrap; text-overflow: ellipsis; overflow: hidden;多行超出省略.tit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }原创 2020-06-15 11:49:45 · 206 阅读 · 1 评论 -
配置网页默认css样式
新建initial.css:将以下代码拷贝html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center原创 2020-08-19 08:08:01 · 455 阅读 · 0 评论 -
vue使用插件Animate.css轻松实现完美转场动画
首先第一步:npm 或 yarn 安装 :npm install animate.css --saveyarn add animate.css(扩展)HTML引入:在HTML中使用 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />安装之后,下一步: 引入例: vue中: import 'animate.c原创 2020-08-09 17:37:30 · 1144 阅读 · 0 评论 -
css伪类运用
css伪类及伪元素用法 注:该表引自W3School教程伪元素的分类及作用:接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试: :active 大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失。多用在按钮的点击上。 写法:这里id为box的是一div块,在css中首先设置了他的基本样式,下面为加入:active伪类后需要修改的样式。未点击时: 点击之后::active.原创 2020-07-30 19:57:53 · 157 阅读 · 0 评论