CSS3阴影 box-shadow的用法和总结
2018-06-11CSS3阴影 box-shadow的使用总结 text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset]
CSS Grid和Flexbox实际的布局用法和区别
2018-06-11Grid布局方式借鉴了平面装帧设计中的格线系统，将格线运用在屏幕上，而不再是单一的静态页面，可以称之为真正的栅格。本文将详细介绍grid布局 引入 对于Web开发者来说，网页布局一
CSS命名规范-BEM的定义和用法
2018-06-11BEM是由Yandex公司推出的一套CSS命名规范，官方是这么描述它的： BEM是一种让你可以快速开发网站并对此进行多年维护的技术。 一开始，Yandex公司推出的BEM，包括了规范以及其配套构建
CSS中的单位px、em、rem、vh、vw、vmin、vmax的用法和区别
2018-06-11使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作
实例 如何使用CSS固定页面背景图片位置： body{background-image:url(bg.png);background-attachment:fixed;} 所有浏览器都支持 background-attachment 属性。 只要把 background-attachment 设成 fixed 就能固定背景图
css中!important的属性和用法
2018-06-02!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明，包括这个样式的属性和属性值 style type = text/css a { color : green !important ; } #main a { color : bl
html+css实现两端对齐的3种方法
2018-04-20说到两端对齐，大家并不陌生，在word、powerpoint、outlook等界面导航处，其实都有一个两端对齐(分散对齐)的按钮，平时使用的也不多，我们更习惯与左对齐、居中对齐、右对齐的方式来
CSS3中的box-flex弹性盒属性布局讲解
2018-04-20box-flex是css3新添加的盒子模型属性，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分。但是它有一定的局限性，在firefox、chrome这浏览器下需要使用它们
CSS 实现隐藏滚动条同时又可以滚动的代码
2018-04-06移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？ 使用 overflow:hidden 隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。 由于只需要兼容
css中font-family常用的黑体等字体中英文对照表
2018-03-04在实现网页效果时，细节很重要，字体也不例外，CSS：font-family常用字体中英文对照如下： 微软雅黑： Microsoft YaHei 宋体：SimSun 黑体：SimHei 仿宋： FangSong 楷体： KaiTi 隶书：LiSu 幼圆：
