![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
chaosama
这个作者很懒,什么都没留下…
展开
-
全局css表
省去很多时间写重复的css.container {height: 100%; min-height: 100vh; display: flex;flex-direction: column; box-sizing: border-box; background: #f5f5f5;overflow-x:hidden;} view,text{font-size: 13px;}/* P...原创 2020-03-24 17:37:10 · 226 阅读 · 0 评论 -
css练习,实现3D效果旋转幻灯片
比较有趣的一个css小练习,注解已经写到代码里面了,直接看就OK了原文来自哔哩哔哩的米修在线视频教学:3D效果|旋转幻灯片可以看一下作为知识拓展,感觉还不错先来看效果 项目结构index.html<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"&...原创 2020-03-16 23:16:27 · 323 阅读 · 0 评论 -
flex弹性布局
其实就是讲display:flex的用法,这玩意布局比较常用,可以省去不少功夫以及写floatflex布局中,须知所有布局交由属性去完成,不需要再写更多css;其次,float会直接失去作用。布局中包括justify-content的横向布局,center进行居中,space-between想两侧分布,space-around平均分局,flex-start或者end就是左或者右对齐。a...原创 2020-03-16 21:15:31 · 331 阅读 · 0 评论 -
常见表单隔行变色、某属性值变色、悬停变色
1、隔行变色呢,用到的是结构化伪类<ul> <li>1</li> <li>2</li></ul>li:nth-child(2n+3){ background:#ff0000;}(2n+3):2行变一次色,从第三行开始2、遇到某属性值变色,实际上用的是属性选择器的一种<ul>...原创 2020-03-09 00:36:12 · 599 阅读 · 0 评论 -
初始化样式表
很多人不大明白为毛要在写代码前初始化样式表,其实就好比如:你发现你写网页的时候,边边总是会留白,怎么办呢。,在body设置margin:0;padding:0;就OK了。下面是初始化样式表,根据个人设置不同的样式,也可以用*号全设置了body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,s...原创 2019-09-06 00:03:40 · 410 阅读 · 0 评论