![](https://img-blog.csdnimg.cn/75a0bf4d3d9f43718e3f4edc8ce5b1f2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 56
系统的学习css
我有一棵树
这个作者很懒,什么都没留下…
展开
-
scss语法,使用for循环批量设置class类
scss语法,使用for循环批量设置class类原创 2023-03-08 14:09:02 · 2508 阅读 · 0 评论 -
ios的webview嵌一个网页没有背景色,背景色无效
ios的webview嵌一个网页没有背景色,背景色无效原创 2023-02-28 18:09:41 · 259 阅读 · 0 评论 -
【我不熟悉的css】fixed绝对定位在swiper中无效
【我不熟悉的css】fixed绝对定位在swiper中无效原创 2023-02-22 10:08:11 · 438 阅读 · 0 评论 -
【我不熟悉的css】safari浏览器的兼容vh,dvh, svh
【我不熟悉的css】safari浏览器的兼容vh,dvh, svh原创 2023-02-17 15:42:25 · 706 阅读 · 0 评论 -
【我不熟悉的css】safari浏览器层级z-index无效,使用transform代替
【我不熟悉的css】safari浏览器层级z-index无效,使用transform代替原创 2023-02-15 16:32:17 · 458 阅读 · 0 评论 -
用css的filter给网页增加灰白滤镜,设置全局的class
用css的filter给网页增加灰白滤镜,设置全局的class原创 2022-12-01 16:19:42 · 569 阅读 · 0 评论 -
【我不熟悉的css】项目实践,实现一个弧形和矩形的组合形状
【我不熟悉的css】项目实践,实现一个弧形和矩形的组合形状原创 2022-11-19 22:25:50 · 241 阅读 · 0 评论 -
【我不熟悉的css】去掉iframe的滚动条
【我不熟悉的css】去掉iframe的滚动条原创 2022-11-15 17:28:35 · 2683 阅读 · 0 评论 -
【我不熟悉的css】实现各种方向的半圆形状
【我不熟悉的css】实现各种方向的半圆形状原创 2022-11-15 14:16:52 · 123 阅读 · 0 评论 -
【我不熟悉的css】outline和border的区别
【我不熟悉的css】outline和border的区别原创 2022-10-27 17:33:05 · 769 阅读 · 0 评论 -
【我不熟悉的css】css使用background-clip,实现圆角彩色的边框,文字渐变色
css使用background-clip,实现圆角彩色的边框原创 2022-10-08 21:05:06 · 1486 阅读 · 1 评论 -
【我不熟悉的css】使用css属性border-image,实现彩色的边框
【我不熟悉的css】使用css属性border-image,实现彩色的边框原创 2022-10-08 20:25:15 · 1247 阅读 · 0 评论 -
【我不熟悉的css】link 标签不会阻塞dom的解析,但是会阻塞渲染,link 会阻塞后面 js 脚本的运行,href和src的区别,@import 不阻塞解析
【我不熟悉的css】link 标签不会阻塞dom的解析,但是会阻塞渲染,link会阻塞后面js脚本的运行,href和src的区别原创 2022-09-27 23:45:33 · 1223 阅读 · 0 评论 -
【我不熟悉的css】不能使用js获取伪元素,js可以通过新增class的方法改变伪元素的的样式
【我不熟悉的css】不能使用js获取伪元素,js可以通过新增class的方法改变伪元素的的样式原创 2022-09-27 02:27:07 · 243 阅读 · 0 评论 -
【我不熟悉的css】属性选择器的使用,css 和js中使用属性选择器获取元素的区别
【我不熟悉的css】属性选择器的使用,css 和js中使用属性选择器获取元素的区别原创 2022-09-27 02:10:30 · 911 阅读 · 0 评论 -
【我不熟悉的css】相邻同辈选择器(加号+)和一般同辈选择器(波浪号~)的区别,菜鸟必看
【我不熟悉的css】同辈选择器(+)加号,只能选择后面的元素,不能选择第一个(前面的)元素,菜鸟必看,相邻同辈选择器和一般同辈选择器的区别原创 2022-09-27 01:37:25 · 651 阅读 · 0 评论 -
【我不熟悉的css】10- 一行字号不同的文字底部对齐,vertical-align的使用,字体行高line-height使用的注意事项
【我不熟悉的css】10- 一行字号不同的文字底部对齐,vertical-align的使用,line-height使用的注意事项原创 2022-09-15 11:20:42 · 3574 阅读 · 0 评论 -
【我不熟悉的css】09-深度选择器deep不好使
深度选择器deep不好使原创 2022-09-14 13:59:35 · 818 阅读 · 0 评论 -
【我不熟悉的css】08-css更改光标的颜色caret-color
css更改光标的颜色caret-color原创 2022-09-07 20:27:32 · 217 阅读 · 0 评论 -
【我不熟悉的css】07. css命名,bem规范,跟着组件库element-ui学习组件命名
css命名,bem规范,跟着组件库element-ui学习组件命名原创 2022-09-05 18:22:30 · 726 阅读 · 0 评论 -
【我不熟悉的css】06. scss文件中使用@use替换@import
【我不熟悉的css】使用@use替换@import原创 2022-09-05 17:37:04 · 985 阅读 · 0 评论 -
【我不熟悉的css】05. csc中使用变量,:root伪元素的应用
csc中使用变量,:root伪元素的应用,系统主题色的设置和切换的方法原创 2022-09-03 23:45:38 · 1939 阅读 · 0 评论 -
【我不熟悉的css】04. jpg、png 合理使用图片格式
jpg、png 合理使用图片格式原创 2022-09-02 17:24:46 · 352 阅读 · 0 评论 -
【我不熟悉的css】03. 使用px、em、rem
【我不熟悉的css】03. 使用px、em、rem原创 2022-08-31 20:54:56 · 344 阅读 · 0 评论 -
【我不熟悉的css 】02. 手动画一个svg图片
我不熟悉的css原创 2022-08-30 17:28:37 · 643 阅读 · 0 评论 -
【我不熟悉的css 】01. 文字设置渐变色
我不熟悉的css原创 2022-08-29 21:12:27 · 153 阅读 · 0 评论 -
【css】div 元素相对于父元素水平居中,margin:0 auto无效的问题
margin css水平居中原创 2022-07-28 00:47:01 · 666 阅读 · 0 评论 -
【跟着官方文档学习css 】animation-timing-function
每日鸡汤,每个你想要学习的念头都是未来的你向自己求救之前css 的系统学习说了, css 的animation 有很多值,animation-name. animation-duration; animation-timing-function 等等看来时间函数是知识点最多的,值得系统的学习一下这个时间函数,虽然可以写在animation 后面;但是这也是一个单独的css属性可以单独写的,同理还是transiton-timing-functiona { animation-t原创 2022-06-20 11:34:13 · 1037 阅读 · 0 评论 -
ios webiew 在app、微信小程序中,后台退出app,再进入设置html属性,css等不生效
webview ios 进入后台应用后设置html或css属性失败原创 2022-06-17 21:17:02 · 183 阅读 · 0 评论 -
不常用的css属性总结, env,constant,attr函数,应用案例和技巧分析
不常用的css属性总结, env,constant,attr函数,应用案例和技巧分析原创 2022-06-17 18:48:06 · 1510 阅读 · 0 评论 -
【系统学习css】第二天,行内元素和块元素在一起的样式实现
【每日鸡汤,每一个你想要学习的念头,都是未来的自己向你求救】有这么一个需求,在一段文字中,需要给某个单词添加一个平行四边形的背景,但是文字要是垂直的很简单,使用transform: skewX(10deg)即可;要求文字不倾斜,可以先把背景倾斜,再把文字反向倾斜即可;具体可以外层嵌套一个元素,或者使用伪元素<div class="content"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.原创 2021-04-22 16:34:14 · 155 阅读 · 0 评论 -
【跟着mdn官方文案那个系统学习css】持续补充中
【自律者出众,不自律者出局】写在前面碎碎念,作为一个菜鸟初学者,你要记住,官方文档,永远的神,你是一个菜鸟,你就不要怀疑官方,把官方的文档看懂、看透,比在网络上搜索一些乱七八糟的文档有用得多。官方流程层叠和继承、选择器 优先级,按照特殊性排序 伪类选择器,这个不太熟悉,多联系todo 盒模型 border-box和content-box 正常文档流 清除浮动 视觉格式化模型 定位方式 static sticky @rules 背景和边框 文本方向 内联原创 2021-05-06 10:35:40 · 65 阅读 · 0 评论 -
【系统学习css】第一天,实现各种形状,用css 实现各种三角形
1,实现正方形<div class="square"></div>.square { width: 100px; height: 100px; border: 1px solid;}2, 实现各种方向的三角形,根据一个正方形演化而来先画一个有边框的正方形,把边框加粗,加到很粗<div class="square"></div>.square { width: 100px; height:原创 2021-04-21 15:26:17 · 501 阅读 · 0 评论 -
【ie浏览器的兼容】css flex布局兼容ie10, ie11, 问题吐血总结,菜鸟必看
flex布局中的flex-shrink原创 2021-05-11 14:53:34 · 3420 阅读 · 0 评论 -
【系统学习css-造轮子】第一天,实现一个下拉框,主要是用css实现折叠收起的动画
【每日鸡汤,每一个你想要学习的念头,都是未来的自己向你求救】实现一个下拉框,先看看element ui的效果。https://element.eleme.cn/#/zh-CN/component/select主要是需要搞定这个折叠的动画。【思路 】刚开始弹出框隐藏,点击-->弹出框(用动画慢悠悠的)显示-->再点击-->弹出框(用动画慢悠悠的)隐藏;css 的动画用的是animation, 复习一下animationcss animation 属性是 anim原创 2021-04-21 18:01:32 · 1128 阅读 · 1 评论 -
【系统学习css】scss和sass以及 less的关系,node-sass、dart-sass和sass-loader是啥
每日鸡汤,每一个想要学习的念头都是未来的你向自己求救首先我们在package.json中安装的依赖都是关于sass的,但是在style标签中使用的时候一般是用<style lang="scss>这是为什么呢,我们来看一下sass和scss的关系。参考链接sass和scss其实是一样的css预处理语言,scss是sass 3引入的新语法,所以就是说scss隶属于sass,scss语法完全兼容了css3, 并且继承了sass的强大功能。区别是sass 是有严格缩进风格的,不原创 2021-05-11 01:19:08 · 1936 阅读 · 2 评论 -
【跟着mdn官方文档系统的学习css】选择器
每日鸡汤,每个你想要学习的念头都是未来的你向自己求救让我们和官方文档一起系统得看一下css都有哪些选择器吧,按照优先级来id. #id 唯一值 (100) class .a {} 这个不用多说,最常见(10) html 元素 (1) 通用选择器 只有两个, *、ns |* 、*|*。 ns是namespace , 新知识,css 中的命名空间namespace, @namespace 属性将不会继承其所在元素的命名空间 todo 有点高深,命名空间是一个地址...原创 2021-05-11 20:11:00 · 267 阅读 · 0 评论 -
【系统学习css】跟着element-ui学习css的命名
每日鸡汤,每一个你想要学习的念头都是未来的你向自己求救写css 最烦人的就是给class起名字了,这里不提用横线还是下划线,我来跟着element-ui 学习一下都可以起什么名字,分割线都用下划线首先是整个网站的最最最外层,可以起名layout 不要一开始就用container, layout 布局肯定是最外层; 然后主要的模块分节可以使用section 然后横向的可以用row; 纵向用column 缩写就是col, 还可以用horizontal/vertical 对应的缩写hor/vert..原创 2021-05-11 17:24:50 · 601 阅读 · 0 评论