CSS初级属性

关于CSS属性

设置字体的属性

1. font-size属性
font-size 可以设置字体大小，可以无限放大，但是不能无限小，
最小是12

值为长度单位：
	px    像素单位
	em    一个汉字的大小
	ex    一个英文x的大小
	%     百分比

1 font-size:20px;   //可以无限放大
2 font-size:12px;   //不可以无限小，最小为12px的字体；

属性
color 设置字体的颜色，注意千万别写成font-color
值为颜色值：

	英文单词：red （红色）, green （绿色）
	rgb模式
	hex模式  如果三种颜色的每两位值都相同例如：#FFFFFF，可以缩写成#FFF

1 color:red;   //这是红色  rgb模式
2 color:#000； //这是黑色  hex模式
错误示范 ： font-color:red;  //注意 这是错的写法

font-weight 属性
font-weight设置字体的粗细
属性值只有两个：

normal   正常字体
bold   粗体或者可以写成800

1 font-weight:normal;   //正常字体
2 font-weight:400;      // //同样也是正常字体  注意 不能加 px(单位)
3 font-weight:bold;     //加粗字体
4 font-weight:800;      //同样也是加粗字体  注意 不能加 px(单位)

font-style 属性
font-style 设置字体的风格，是否斜体

normal   正常字体
italic   斜体 或者 oblique

1 font-style:normal;   //正常字体
2 font-style:italic;   //斜体
3 font-style:oblique;   //斜体

font-variant 属性
font-variant 设置字体的字母的大小写

normal  正常字体
small-caps   设置为小型大写字母

1 font-variant:normal;   //这是字母的默认字体
2 font-variant:small-caps;   //把小写字母转为大写字母

font-family 属性
font-family设置字体的类型
各种字体的名称，字体必须是客户端中存在的字体

list-style : none  去掉无序列表前面的小圆点
width: 宽度
height:高度
border-radius:圆角属性
text-align:设置文本对齐方式
text-align;   这个属性的属性值还有：
left           //靠左对齐
right          //靠右对齐
center         //居中对齐

1 list-style:none;   //去掉无序列表前面的小圆点
2 width:200px;       //这个是设置宽度  单位为px;
3 height:200px;      //这个属性是设置高度  单位是px;
4 border-radius:50%; //这个属性是设置圆角属性 值为50% 单位是%；
5 text-align:center; //这个属性是设置文本居中

山腰很挤，我们不妨去山顶看看
这句话也送给正在学习的你 — 加油！

关于CSS属性

相关文章