css样式

1、文字样式

        文字大小   font-size

        字体       font-family:"黑体"

        文字倾斜   font-style: italic  

        文本加粗   font-weight: bold

        添加艺术字 @font-face

        小型的大写字母  font-variant:small-caps 

    2、文本样式

        文本颜色  color

        文本阴影  text-shadow: 2px 5px  2px beige

            属性值；水平方向上的位移   竖直方向  模糊度  颜色

        文本样式加线  text-decoration: line-through underline

        英语单词首字母大写  text-transform: capitalize

        针对段落标签文本缩进  text-indent: 2em

        文本位置对齐方式  text-align: center左  右  中间

        整直位置上居中    line-height: 50px

    3、背景样式

        背景颜色 background-color:greenyellow

        背景尺寸background-size: contain  cover(占满整个容器)  contain/100%(照片完全显示出来)

        背景定位   background-position: center

                属性值有两位只写一个的情况下另一个默认在中间

        背景固定  background-attachment: fixed

        默认背景位置从边框线开始 background-clip: border-box

            位置从内填充开始 padding-box

            位置从内容开始   content-box

                边框线宽   border-width: 10px

                线的样式    border-style: solid

                border-color颜色

                border:线宽，样式,颜色

                border-radius: 50%; 设置圆角

                box-shadow: 水平位移 竖直位移 糊度 颜色;盒阴影