CSS 第三课 第四课 笔记

/*
CSS学习笔记
*/
第三课 CSS文字效果
1.CSS文字样式
 字体：font-family：黑体，幼圆；   //有黑体采用黑体，没有黑体采用幼圆；都没有采用浏览器默认的字体
 文字大小：font-size:0.5cm,in,pt,pc,mm;
 文字颜色： color：#0000FF；
  color:rgb(0%,0%,80%);   //(red,green,blue);
color:blue;
 文字粗细：font-weight:500,bold,lighter;
 文字斜体：font-style:italic,normal,oblique;
 下划线，顶划线，删除线,闪烁：text-decoration:underline,overline,line-through,blink（火狐才有）;
 英文字母大小写：text-transform:capitalize(首字母大写),uppercase(全部大写)，lowercase(全部小写);




2.文字实例：模拟谷歌公司Logo
每一个字母单独用一个<span></span>标记
3.CSS段落文字
段落水平对齐方式
段落垂直对齐方式，top,middle,bottom
行间距，字间距
首字放大 p span｛重设像素；字体下沉｝
padding-right:5px;  //与右边的间隔
float：left；下沉；
first-line，first-letter；
4.段落实例：百度搜索


第四课 CSS图片效果
1.图片样式
图片的边框
border-style:dotted;  //点划线
border-style:dashed;  //虚线
图片的缩放：
2.图片对齐
横向对齐
纵向对齐


3.图文混排
文字环绕
img｛float：left；｝     //文字环绕图片
设置图片与文字的间距

4.图文实例：八仙过海