2.0 css基础属性

html+css 来源:渡一教育

字体的基本配置

1. font-size:10px;
2. font-weight:lighter;
3. font-style:italic;
4. font-family:arial;

三类颜色的设置

1. 土鳖式(纯英文单词)
2. 颜色代码
3. 颜色函数

字体的基本配置

字体的基本配置
div{
1.font-size:10px;		是增高,不是加宽
2.font-weight:lighter;	细体
			  normal;	经典	
			  bold;		粗体
			  bolder	加粗体
			  数字式:100,200-900;
说明:字体包是决定能显示多粗的种类,没效果说明没有这样的字体
			  
3.font-style:italic;	斜体
4.font-family:arial;	字体样式
说明;arial	是乔布斯团队发明的苹果字体 / 默认字体
}

三类颜色的设置

三类颜色的设置
1.土鳖式(纯英文单词)		color:green;
2.颜色代码				color:#ff4400;每俩位都是一位16进制数
r				g				b		(三原色)
00-ff			00-ff			00-ff	(颜色饱和度)
例子.#000000黑,#ffffff白
说明:每个原色 的 俩位重复可重写:#ff4400 = #f40

3.颜色函数				color:rgb(0-255,*3);

外边框(复合属性)
1.复合写法 borde::1px(像素) solid(实心) black(颜色);

2.分开写法 
border-width:1px;				宽
border-wtyle:dotted;(点状)		样式
			 dashed	;(条状)		
borde-clor:red;					颜色

实战:划分式(X)画方形
width:10px		这宽高得一致要不然会变形
height:10px		这俩个作用是显示方形的中心显示,可以把中心变白
border-left-color:red
border-top-color:green
border-right-color:blue
此时的方形变成了左红,上绿,右蓝,下黑