今天我们来学习CSS样式,
1.属性:font-size: ;
样式:font-size: 18px;
用法和值:设置字体大小;单位一般带px
- 属性:color:;
样式:color: #f00;
用法和值:设置字体颜色;单位一般为颜色属性值:如#f00
3.属性:font-style: ;
样式:font-style: italic;
用法和值:设置字体样式;italic和oblique为字体倾斜;normal为正常
4.属性:text-decoration: ;
样式:text-decoration: underline;
用法和值:设置文字下划线;这里的值很多,就不说了,自己试试
5.属性:font-weight: ;
样式:font-weight: bold;
用法和值:字体加粗;这里属性可以是几百的数字,也可以是关键字bold(加粗);normal(正常)
6.属性:text-shadow:;
样式:text-shadow: #f00 2px 2px 2px;
用法和值:字体阴影;第一个值是颜色;第二个值是阴影的左右方向;第三个值是阴影的方向;
第四个值是阴影的扩散程度。
7.属性:font-family:(字体) ,'Lobster',cursive;
样式:font-family: 华文彩云,'Lobster',cursive;
用法和值:输入关键字即可,如:font-family: 黑体,'Lobster',cursive;字体可以打开Word里面的字体去查找关键字
8.属性:width
样式:设置元素的宽度:一般配合高度样式一起使用,设置的值不允许为负数
用法和值:div{ width:100px(in,px,%,em); };
9.属性:height
样式:设置元素的高度:一般配合宽度样式一起使用,设置的值不允许为负数
用法和值:div{ height:100px;(in,px,%,em) };
10.属性:line-height
样式:设置元素内容垂直居中:一般它的值和你设值的高度样式的值相等,设置该样式的元素的内容在垂直方向上是一个居中的效果,设置的值不允许为负数
用法和值:div{ height:100px;line-height:100px;(in,px,%,em) };