层叠样式表（CSS）3

Posted 2023-01-14 MrNF

三、层叠样式表属性

1.文字属性

        font-size:字体大小
        line-height:行高
	font-family:字体	
        font-weight:粗细程度
            .......等等很多，可自行学习

2.文本属性

	color:文本颜色
        text-align:对齐方式    值：left  center  right
	text-decoration:   值：none（去下划线）	underline（设置下划线）	line-through（中划线）   overline（上划线）
        text-transform:单词大小写  值：uppercase（单词大写）  lowercase（单词小写）capitalize（每个单词的首字母大写）  

3.背景属性

	background-color:背景色
	background-image:背景图  url("图片的路径");
	background-repeat:背景平铺方式   值：默认横向纵向平铺 repeat（横向纵向平铺）  no-repeat（不平铺）  repeat-y（纵向）  repeat-x（横向）

4.列表属性

	list-style-type:列表项前的小标志   值：有很多，可自行找资料学习 例：none   disc  circle 
	list-style-image:列表项前的小图标   值：url("图片路径")

5.尺寸属性

	width:宽
	height:高
            line-height：行高     
            max-height：最大高度 
            max-width:最大宽度  
            min-height:最小高度 
            min-width:最小宽度  

6.显示属性

	display:  值：none（隐藏）    block（块级显示）  inline（行级显示）
	带着疑问先学吧，这个属性是可以把提示信息隐藏，比如说：密码要求8位，但是错误信息不会立即显示，待你提交表单时在后面显示：（假如只输入7位）密码不够8位，无效密码，请重新输入。

7.浮动属性

	float:值：left  right   clear:清除浮动 （left/right/both）
	    劣势：首先会影响相邻元素不能正常显示，其次在嵌套时影响父级元素不能正常显示，解决方法是要clear浮动。

四、层叠样式表的盒子模型

1.border边框

border-width:边框的宽度
border-color:边框的颜色
border-style:边框的线型
border-left:左边框
border-right_右边框	
border-top:上边框
border-bottom:下边框

2.padding:边框内壁与内部元素的距离

padding:1px（上下左右皆一样）
padding:10px（上下） 20px（左右）
padding:10px（上） 20px（左右） 30px（下）
padding:10px（上） 20px（右） 30px（左） 40px（下）
padding-top:单独设置

3.margin:边框外壁与其他元素的距离

margin:1px（上下左右皆一样）
margin:10px（上下） 20px（左右）
margin:10px（上） 20px（左右） 30px（下）
margin:10px（上） 20px（右） 30px（左） 40px（下）
margin-top:单独设置

注：未经同意请勿转载，仅作学习使用。以上有描述不正确之处，望大家能不吝指出，共同学习共同进步。谢谢