![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 66
小小1992
这个作者很懒,什么都没留下…
展开
-
css 节点选取
(n默认为0)转载 2024-01-05 10:11:22 · 92 阅读 · 0 评论 -
鸿蒙开机动态样式
鸿蒙开机动态样式原创 2022-09-27 13:54:12 · 343 阅读 · 0 评论 -
修改radio默认样式
修改radio默认样式原创 2022-08-23 14:16:15 · 267 阅读 · 0 评论 -
修改上传附件样式
/将 #file 的值赋给 #file_name。$("#file").change(function(){ // 当 id 为 file 的对象发生变化时。/*设置此控件透明度为零,即完全透明针对IE*//*具有行内元素的视觉,块级元素的属性 宽高*//*相对定位,为 #file 的绝对定位准备*//*绝对定位,相对于 .input *//*去掉的话,输入框也可以点击*//*设置此控件透明度为零,即完全透明*/......原创 2022-08-16 16:21:48 · 326 阅读 · 0 评论 -
css3实现三角形(上下左右)
实现三角形的绘制很简单。第一步:新建一个div。第二步:为盒子添加样式。转载 2022-08-05 10:48:01 · 960 阅读 · 0 评论 -
使用CSS实现“文段尾行渐变消失”
css遮罩转载 2022-07-29 13:47:47 · 1330 阅读 · 0 评论 -
页面打印换行问题
页面打印换行问题原创 2022-07-29 09:56:13 · 790 阅读 · 0 评论 -
html+css+js左侧导航
左侧导航原创 2022-07-21 14:41:26 · 440 阅读 · 0 评论 -
最强大的 CSS 布局 —— Grid 布局
Grid布局相关的属性以及值众多,需要记忆的不少,建议可以跟demo一起结合起来,边敲代码边理解,再利用一些空闲时间记忆一下。笔者会在介绍每个属性的时候,做个小demo演示,建议大家可以自己修改看看效果加深记...转载 2022-07-19 15:20:59 · 2402 阅读 · 0 评论 -
每日一学css冷知识高频实用片段
常用的css代码转载 2022-07-19 14:11:01 · 197 阅读 · 0 评论 -
有了这些前端css工具,我下班都更早了!
CSSButtonGenerator是一个免费的在线工具,可让您创建跨浏览器的HTML和CSS按钮样式,您不必学习任何复杂的CSS规则。只需单击并滑动即可制作CSS3按钮。很多漂亮的按钮样本。转载 2022-07-19 10:21:59 · 270 阅读 · 0 评论 -
在移动端字体大小相同
移动端怎么用rem假设设计师的视觉稿是按照iPhone6的宽度来设计的,即375px那么,我们可以完全按照视觉稿上的尺寸来赋值给元素的样式,比如视觉稿上的尺寸是80px,那么在css中就可以直接定义width:80px; 页面中所有的尺寸都这样来设置。当所有的网站所有的页面样式都设置好之后。1. 设置页面的rem大小```csshtml {font-size: calc(100vw/3.75);}或者(ipone6举例)html{font-size:26.67vw;}..转载 2022-05-10 17:08:30 · 167 阅读 · 0 评论 -
H5实现全屏与F11全屏
最近做项目用到全屏,现总结一下全屏:1.局部全屏:H5全屏和F11有区别,在这种情况下判断全屏只需要通过H5全屏属性,无论全屏后有无滚动条都可判断。/** * [isFullscreen 判断浏览器是否全屏] * @return [全屏则返回当前调用全屏的元素,不全屏返回false] */ function isFullscreen(){ return document.fullscreenElement...转载 2022-05-05 10:15:14 · 2971 阅读 · 0 评论 -
css实现鼠标hover,出现tip , tooltip-data的用法
<html><head><title></title><style>.tooltip { position: relative; border-bottom: 1px dotted black;}.tooltip::before{ content: "tooltip-data"; background-color: #fff; width: 125px; he...原创 2022-04-25 14:00:27 · 2151 阅读 · 0 评论 -
css 中drop-shadow
属性css3 属性:filter: drop-shadow 滤镜要使用标准的 css3 实现某元素的投影效果,有两个方法,第一个就是使用常见的 box-shadow ,第二个就是使用 css3 的 filter 阴影滤镜 drop-shadow。filter 中的 drop-shadow 与 box-shadow 有同样的参数值,但表现效果有差异例如:drop-shadow(图片内容轮廓阴影)box-shadow( 图片边框阴影)filter:drop-shadow(5px原创 2022-04-25 11:41:06 · 1853 阅读 · 0 评论 -
全站公共样式common.css
@charset "utf-8";/*全站公共样式*/body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:1rem "microsoft yahei";-webkit-text-size-adjust:100%; line-height:22px;background:#fff;color:#252525;}a{co原创 2021-11-02 19:54:35 · 556 阅读 · 0 评论 -
shadow阴影
1、阴影box-shadow:0 4px 12px 0rgba(7,17,27,.1);box-shadow:0 15px 21pxrgba(255, 151, 29, 0.3);box-shadow:1px 1px 25pxrgba(135, 135, 135, 0.96);box-shadow:1px 1px 10px#aaa;box-shadow: 0px 2px 10px 0pxrgba(0, 0, 0, 0.13)第4个添加样式box-shadow:...原创 2021-11-02 19:51:05 · 108 阅读 · 0 评论 -
flex布局
<h2 class="tit_p"><b>限免好课</b><span>限时免费的实战课程</span><em class="xf-em"><img src="/Public/wapNew/img/refresh-icon@2x.png" alt="more"> 换一换</em></h2>.tit_p {...原创 2021-11-02 19:49:43 · 64 阅读 · 0 评论