CSS - 随笔分类 - 振飞666

摘要：昨天帮朋友写个简单的页面，由于没有传后台数据所以页面写完主体部分很短，是的footer页脚没有显示在视窗的底部。最后用flex的拉伸性解决了。这里写图片描述" title=""> 看一下css代码html,body { margin: 0; paddi... 阅读全文

posted @ 2018-07-18 12:06 振飞666 阅读(677) 评论(0) 推荐(0)

摘要：最近发现博客园可以自定义博客页样式,就想把多余的侧边栏,footer,博客信息隐藏起来,想到了几种办法,在此总结一下:visibility: hidden;设置visibility: hidden;但是模块实际还是占版面的,浏览器一样会对齐进行渲染.opacity:0... 阅读全文

posted @ 2018-07-07 15:26 振飞666 阅读(410) 评论(0) 推荐(0)

摘要：常见伪元素: 常见伪元素——::first-letter,::first-line,::before,::after,::selection。其中::before和::after常用在项目中,巧妙的运用会会使很多样式的实现变得非常简单. 一般地,我们... 阅读全文

posted @ 2018-07-04 19:21 振飞666 阅读(5593) 评论(0) 推荐(0)

摘要：当下撞色风格很流行,撞色风格表达了”自信与活力，活出自己的个性，张扬自己的气魄” ,今天做一个比较容易实现而且效果还不错的文字style,是什么呢,先看图: 滚动彩虹色文字效果,纯CSS效果. 将文字镂空,color透明,再设置背景滚动动画就得到... 阅读全文

posted @ 2018-07-01 17:09 振飞666 阅读(359) 评论(0) 推荐(0)

摘要：那要写出这样一个界面,首先了解一下球场结构,如图,具体比例就不坐详细说明了自行百度. 颜色上白线绿地没啥问题,发球弧和角球线通过父级的覆盖可以做到部分弧线效果.先看一下整体效果:具体地:1 )场地外围我们使用混合色:background: radial... 阅读全文

posted @ 2018-06-29 16:12 振飞666 阅读(382) 评论(0) 推荐(0)

display:flex学习笔记

摘要：刚在试着用纯CSS写个绿荫足球场时候用到了display:flex样式,任然用的不是很熟练,又百度自学了一波.记录一部分.使用传统的position/float也能做到定位,但是flex如果用的熟练,设计将变得非常简单,兼顾响应式界面.display:flex 意思是... 阅读全文

posted @ 2018-06-28 21:12 振飞666 阅读(208) 评论(0) 推荐(0)

振飞 ⁶ ⁶ ⁶ ₆ ₆ ₆ 6 6 6