CSS样式笔记

设置文字文本水平居中：

text-align:center;

设置文本文字是垂直居中： 使文本的行宽为100%

line_height:100%;

去掉input框的边线：

border:0;

如何为span 、a 这些不能设置宽高的元素设置宽高？？？ 答：使用

display:inline-block;/*设置被选中元素为行内块级元素*/

inline-block主要的用处是用来处理行内非替换元素的高宽问题的！
行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。

一个如图所示的按钮的css样式：

.btn-reg a{
    display:inline-block;/*设置被选中元素为行内块级元素*/
    width:90%;
    height:80%;
    background-color: #ffffff;
    line-height: 48px;/*行高*/
    color:#FF6600;/* rgb(red green blue) */
    border:1px solid #FF6600;/*边框:线条宽度 线条类型 线条颜色*/
    text-decoration:none;/*设置文本装饰:无需装饰*/
    letter-spacing:5px;/*字符间距*/
    border-radius:5px;/*边框半径*/
    text-align: center;
    margin-left: 5%;
}

一个如图所示输入框的代码：

width:90%;
    height:80%;
    font-size: 18px;
    border:0;/*隐藏边框*/
    line-height:60px;/*设置行高*/
    /*outline:none;*/
    border-bottom:1px solid #E6E6E7;

CSS去掉a标签的下划线：

.div-1 a{
    text-decoration: none;
}

CSS去掉 li 表签前面的点

.div li{
    list-style: none;
}