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 · 254 阅读 · 0 评论 -
css练习，实现3D效果旋转幻灯片
比较有趣的一个css小练习，注解已经写到代码里面了，直接看就OK了 原文来自哔哩哔哩的米修在线视频教学：3D效果｜旋转幻灯片可以看一下作为知识拓展，感觉还不错 先来看效果 项目结构 index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"&...原创 2020-03-16 23:16:27 · 348 阅读 · 0 评论 -
flex弹性布局
其实就是讲display:flex的用法，这玩意布局比较常用，可以省去不少功夫以及写float flex布局中，须知所有布局交由属性去完成，不需要再写更多css；其次，float会直接失去作用。 布局中包括justify-content的横向布局，center进行居中，space-between想两侧分布，space-around平均分局，flex-start或者end就是左或者右对齐。 a...原创 2020-03-16 21:15:31 · 356 阅读 · 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 · 636 阅读 · 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 · 432 阅读 · 0 评论