css笔记
文章平均质量分 67
Singh1995
穷且益坚,不坠青云之志
展开
-
canvas绘制时钟
大部分的内容都是参考这里的,但是我做了改动并且讲的会更细一点https://mp.weixin.qq.com/s/qhPg2TjjcFh9l5ZLUsFPSg原创 2021-09-29 14:51:09 · 1013 阅读 · 0 评论 -
css媒体查询Media queries
什么是媒体查询媒体查询(Media queries) 根据不同的设备类型或者特定的特征和设备参数设定不同的css样式使用媒体查询的第一步就是要先确定设备类型all 适用于所有设备(默认选项)print 打印预览模式screen 屏幕speech 语音合成器其次是确定媒体特性媒体特性是指输出设备,或是浏览环境的具体特征的值是否存在,值为多少。媒体特性应该是和设备类型息息相关的,不同的设备类型应该有不同的媒体特性以下为部分媒体特性(详见官网)height原创 2021-02-20 21:50:43 · 258 阅读 · 0 评论 -
灵活运用css选择器开发
前端开发总是离不开写css,ui框架写的再好也不可能完全满足于企业的要求。而一个css的构成则是由选择器,属性,值组合而成,大概长这样选择器 { 属性:值 属性:值 ...}css选择器顾名思义就是用于选择需要添加样式的元素,前端开发最常用到的选择器是ID选择器和类选择器,但css选择器远不仅如此包括但不限于派生选择器、后代选择器、子选择器,兄弟选择器,属性选择器、伪类选择器以及复杂的组合选择器。一个好的选择器不仅能够帮助我们准确的匹配需要添加样式的元素,往往原创 2020-11-21 09:12:25 · 114 阅读 · 0 评论 -
vue项目中swipe自定义pagination,navigationButton,鼠标滑过暂停播放
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习..原创 2020-10-30 14:01:42 · 2095 阅读 · 0 评论 -
清除checkbox默認样式-webkit内核
/* 去掉webkit内核里默认的样式 /-webkit-appearance: none;/ 去掉webkit内核里默认的点击效果 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);原创 2020-07-18 14:30:17 · 196 阅读 · 0 评论 -
超级简单三步实现svg圆形进度条
先上效果图前置知识<circle> 定义一个圆circle有三个属性cx=“圆的x轴坐标”cy=“圆的y轴坐标”r=“圆的半径”svg的基本属性fill 填充stroke 描边颜色stroke-width 描边宽度stroke-dasharray 创建线条(这个属性是实现的关键)ok 然后开始画图,首先按照circle的属性画出两个圆<svg> <circle cx='70' cy='70' r='70'><原创 2020-07-03 15:28:37 · 354 阅读 · 0 评论 -
css文本与字体常见用法集合
总结一下项目中常见的文本和字体的样式设置文本text-align-last: 段落的最后一行的对齐方式// 末尾右对齐p{ text-align-last: right;}text-decoration 文本修饰,下划线、上划线、删除线等。// 中间删除线p{ text-decoration:line-through;}text-indent 首行文本的缩进// 首行缩进20pxp{ text-index:20px;}text-overflow 文本溢出// 溢出的文本设置为点p原创 2020-06-22 17:36:28 · 159 阅读 · 0 评论