css

span 强调  

fqf是<span id="title1">美女</span>

font-family:字体样式
font-size:字体大小
font-weight:字体粗细 bold bolder lighter 也可以数字100 900
color:字体颜色

font:风格(斜体oblique) 粗细(粗bolder 细lighter) 大小 样式

color:单词red    rgb(0,0,0)   rgba(0,0,0,0.1) (A：0~1 透明度 越小越透明)
text-align:center  排版 中对齐
text-indent:2em    段落首行缩进  em：一个字  px：一个像素(很小)
line-height:300px    行高   如果行高和块的高度一样就可以实现行单行居中

text-decoration: underline下划线 line-through中划线 overline上划线 none无(超链接去下划线)

水平对齐：参照物a,b    middle中
<style>
    img,span{
        vertical-align: middle;
    }
</style>

超链接伪类   鼠标悬浮的状态
a:hover{
}
a:active{  鼠标按住未释放的状态
}

阴影：颜色 左右偏移 上下偏移 模糊程度
text-shadow:blueviolet 10px 10px  2px;

列表：
ul{
    background: darkgray;
}
ul li{
    height: 30px;
    list-style: none;
    text-indent: 1em;
}
/*
ul li
list-style:none去掉圆点 circle空心圆 decimal数字 square正方形
*/

/*背景颜色 图片位置 平铺方式 坐标位置*/
background: red url("../images/D.jpg") no-repeat 133PX 5PX;

box-sizing:boder-box ：告诉浏览器，你想要设置的长宽的值包含了内外边距，实际长度=设置的值-边距

 

元素旋转:　　transform:rotate(30deg);　　正数表示顺时针,负数表示逆时针,数字为度数