css常用样式

字体
font-size: 30px;
font-weight: 600; padding-top: 10px; margin: 10px 0 10px 0;
font-weight: bold;
cursor:pointer;
font-style:normal;

position: fixed; //生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
position: absolute;//生成绝对定位的元素,相对于浏览器窗口进行定位。
position: relative;//生成相对定位的元素,相对于其正常位置进行定位。
格式如:h2 { position:absolute; left:100px; top:150px; }

line-height: 40px;// 行高 ,或设置 百分百 90%
top: 6px; //规定元素的顶部边缘。
height: 100%;//定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。
right: 6px;//规定元素的右边缘
158px;//定义元素内容区的宽度

padding:10px; //所有 4 个内边距都是 10px
padding:10px 5px 15px 20px; //上内边距是 10px,右内边距是 5px,下内边距是 15px,左内边距是 20px
padding:10px 5px 15px; //上内边距是 10px,右内边距和左内边距是 5px,下内边距是 15px
padding:10px 5px; // 上内边距和下内边距是 10px,右内边距和左内边距是 5px

border: 1px #CCC solid; //设置边框属性
border-radius: 8px; //为元素添加圆角边框!
border-top-left-radius:2em; //上左 em表示相对,比如div的hight=10px; 那么1em=10px; 0.75em=0.75*10px; 2em=20px;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;


vertical-align: top; //设置元素的垂直对齐方式
vertical-align:text-top; //顶部对齐
vertical-align:text-bottom;//底部对齐

background: #fff;//设置所有的背景属性
background-color:#b0d9df !important;;//规定要使用的背景颜色。//!important多个地方则以此为主
background-position //规定背景图像的位置。
background-size //规定背景图片的尺寸。
background-repeat //规定如何重复背景图像。
background-origin //规定背景图片的定位区域。
background-clip //规定背景的绘制区域。
background-attachment //规定背景图像是否固定或者随着页面的其余部分滚动。
background-image //规定要使用的背景图像。


color: #fff; //不同元素设置文本颜色:
text-align: center; //规定元素中的文本的水平对齐方式

margin: 10px; //所有 4 个外边距都是 10px
margin-bottom: 40px; //设置元素的下外边距
margin:10px 5px 15px 20px; //上外边距是 10px,右外边距是 5px,下外边距是 15px,左外边距是 20px
margin:10px 5px 15px; // 上外边距是 10px,右外边距和左外边距是 5px,下外边距是 15px
margin:10px 5px; //上外边距和下外边距是 10px,右外边距和左外边距是 5px


box-sizing: border-box;
top: -20px;
display: inline-block;
border-top: 4px solid #4C919C;
border-radius: 6px 6px 0 0 ;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
color: red;
padding: 4px 0;
overflow: auto;

原文地址:https://www.cnblogs.com/banxian-yi/p/10636077.html