【CSS 相关】
关注
分享
扫一扫
文章平均质量分 94
CSS
置二
记录前端路上的成长。
展开
-
css 常见的动画效果
[style] .container { position: absolute; width: 200px; height: 200px; padding: 5px; border: 5px solid rgb(118,218,255); top: 50%; left: 50%; transform: transla...原创 2018-08-19 13:13:40 · 4148 阅读 · 1 评论 -
css - 小记 二 （隐藏三元素、meta viewport）
阅读结构：1、display：none；visibility：hidden；opacity：0；的区别；2、前端html5新增的特性及语义化标签；3、position属性值的区别；一、display：none；visibility：hidden；opacity：0；的区别：直观理解：display:none 属性不占据空间，只会把...原创 2018-12-30 13:22:01 · 286 阅读 · 0 评论 -
css - 常用 垂直/水平居中 + 左右布局
1、纯css未知高度图片垂直居中：<div&am原创 2018-12-10 23:22:55 · 1247 阅读 · 0 评论 -
圣杯布局 和 双飞翼布局 小记
对于Web设计，我们经常会分为三个层： (1)、结构层；(2)、表现层；(3)、行为层； 与此对应 HTML、CSS 和 JavaScript；同时在HTML5中也新添加了一些像<footer>&amp原创 2018-12-02 15:48:19 · 216 阅读 · 0 评论 -
CSS、JS、正则 - 常用工具
1、button点击时会有蓝色边框线button,input { outline: none;}2、隐藏滚动轴::-webkit-scrollbar { display: none;}3、webpack打包样式 - 浏览器前缀问题 /*! autoprefixer: off */ -webkit-box-orient: vertical; ...原创 2018-10-30 18:05:32 · 932 阅读 · 1 评论 -
css - fixed 背景固定视觉差效果
.g-work-box {22}原创 2018-10-07 10:09:38 · 2400 阅读 · 0 评论 -
css - 翘边阴影 + css3遮罩mask动画
<ul> <li><img src="i原创 2018-09-09 15:41:29 · 416 阅读 · 0 评论 -
css - flex 布局 （生成前缀）
列表内容<div class=&amp原创 2018-09-04 23:34:06 · 11577 阅读 · 0 评论 -
css - 书写规范熟记+样式初始化
注意属性的声明顺序：1、Positioning 定位2、Box model 盒模型3、Typographic 排版4、Visual 外观5、其他如：.declaration-order { /* Positioning */ position: absolute; top: 0; right: 0; bottom: 0; l...原创 2018-10-10 23:22:39 · 373 阅读 · 0 评论