CSS常见样式

控制字体

1.设置字号——font-size:像素;

2.设置颜色——color:颜色;

3.设置字体——font-family:"字体";

4.设置行高——line-height:百分比% 1.5em（一个单位）

5.设置字体的粗细——font-weight:normal(正常，默认值) blod(粗体) 

 CSS font-weight 属性https://www.w3school.com.cn/cssref/pr_font-weight.asp

eg： 

<style type="text/css">
#one{
font-size: 12px;
color: 颜色;
font-family: "字体";
line-height: 300%;
font-weight: bold;
}
</style>

<p id="one">文字</p>

控制文本

1.设置文本的缩进——text-indent：2em (可以取负值)

2.文本对齐方式——text-align : left center right;（左中右三选一）

3.对象中的空白处理——white-space:值;

                           值：  pre保留原本样式，但是不换行;
                                    nowrap多个空格缩进为一个空格;
                                    normal默认，删除所有空格

4.文本大小写的控制——text-transform:none (按照原文本大小写显示)

                         取值：capitalize(每个单词首字母 大写)

                                    uppercase(变成全大写字母)

                                    lowercase(变成全小写字母) 

                                    inherit规定应该从父元素继承 text-transform 属性的值

5.设置元素的垂直对齐方式——vertical-align:值;

 CSS vertical-align 属性https://www.w3school.com.cn/cssref/pr_pos_vertical-align.asp

6 .文本修饰——text-decoration: 值;

 CSS text-decoration 属性https://www.w3school.com.cn/cssref/pr_text_text-decoration.asp

 注：none定义文本可去除超链接下的横线

7. 属性规定要显示的光标的类型（形状）——cursor:值;

 CSS cursor 属性https://www.w3school.com.cn/cssref/pr_class_cursor.asp

8.背景颜色—— background-color: 颜色;

图片

1.图片引用 

{
    background-image: url("地址")
}

2.如何设置固定的背景图像——background-attachment:fixed;

CSS background-repeat 属性https://www.w3school.com.cn/cssref/pr_background-repeat.asp

3.设置是否及如何重复背景图像——background-repeat: repeat-x;

CSS background-repeat 属性https://www.w3school.com.cn/cssref/pr_background-repeat.asp

块 

1. 定义元素在哪个方向浮动；浮动元素会生成一个块级框——float: (left;right); 

2.定义块的长宽——width: 像素;
                                height:像素;